这是一个静态数据的级联:
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>
分享到:
相关推荐
NULL 博文链接:https://keepcrazy.iteye.com/blog/1874905
JSP Ext spring级联分页程序,JSP分页程序示例,结合漂亮的extjs框架实现。由于空间问题web-inf/lib里的jar文件未引入,本项目是在struts2 hibernate spring构架下的,所以需要引入这些jar包。
NULL 博文链接:https://pridesnow.iteye.com/blog/815193
NULL 博文链接:https://luhai1992.iteye.com/blog/642619
NULL 博文链接:https://dengli19881102.iteye.com/blog/1046661
ext 级联选择的树形控件,有实例用法,不明白的请发邮件到cencai06@163.com
一个很简单,很好的例题,省级联动的Ext例题
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单...
JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果
菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联
iBATIS 级联iBATIS 级联iBATIS 级联
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
级联菜单 动态级联菜单 可能动态取数据
jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单
mysql级联更新和级联删除,区分有级联和没级联操作的区别之处