Ext 简单级联入门
这是一个静态数据的级联：
页面加两行就行了：
Ext.onReady(function(){
var sheng = [['上海','上海'],['北京','北京'],['广东','广东']];
var shs = [['埔东','埔东'],['埔西','埔西'],['埔南','埔南']];
var bjs = [['人民大会堂','人民大会堂'],['天桥','天桥'],['中关村','中关村']];
var gds = [['中山','中山',],['广州','广州',],['东莞','东莞']];
//上海
var shStore = new Ext.data.SimpleStore({
fields:['value','text'],
data:shs
});
//北京
var bjStore = new Ext.data.SimpleStore({
fields:['value','text'],
data:bjs
});
//广东
var gdStore = new Ext.data.SimpleStore({
fields:['value','text'],
data:gds
});
//数据
var shengStore = new Ext.data.SimpleStore({
fields:['value','text'],
data:sheng
});
var shiStore = new Ext.data.SimpleStore({
fields:['value','text'],
data:[]
});
//控件 省份
var shengCom = new Ext.form.ComboBox({
store: shengStore,
emptyText: '请选择',
mode: 'local',
triggerAction: 'all',
valueField: 'value',
displayField: 'text',
readOnly: true,
applyTo : 'shengCom'
});
// 市区
var shiCom = new Ext.form.ComboBox({
store : shiStore,
emptyText: '请选择',
mode: 'local',
triggerAction: 'all',
valueField: 'value',
displayField: 'text',
readOnly: true,
applyTo : 'shiCom'
});
shengCom.on("select",function(comboBox){
var province = comboBox.getValue();
shiCom.reset(); //这个一定要，重置，要不然上次选择的信息会还在，弄了我好久
if(province=='上海'){
shiStore.loadData(shs)
}
if(province=='北京'){
shiStore.loadData(bjs)
}
if(province=='广东'){
shiStore.loadData(gds)
}
});
});
页面加两行就行了：
<body>
<input id='shengCom',type='text'/>
<input id='shiCom',type='text'/>
</body>