对于级联,大家都认为很麻烦,我找了众多资料,后来就自己拼了个,现在发出来让大家指点一下吧,不足之处还请谅解!
<script type="text/javascript">
var fjStore = new Ext.data.Store({ //查询身份的页面
url : './sSource.jsp',
reader: new Ext.data.XmlReader({
record : 'tcDept',
id:'code'
},
['code','deptname']
)
});
var sqStore = new Ext.data.Store({//查询市的页面
url : './sqSource.jsp',
reader: new Ext.data.XmlReader({
record : 'tcDept',
id:'code'
},
['code','deptname']
)
});
Ext.onReady(function(){
var xsPanel=new Ext.FormPanel({
frame:true,
bodyStyle:'padding:5px 5px 0 0',
width:400,
labelWidth: 80,
items: [{
columnWidth:.5, //该列占用的宽度,标识为50%
layout: 'form',
border:false,
items:[{
xtype:'combo',
id:'fj',
store: fjStore,
triggerAction: 'all',
fieldLabel:'省份',
displayField:'deptname',
readOnly : true,
valueField:'code',
mode: 'local',
emptyText:'请选择省份...',
anchor:'90%',
listeners :{
select : function(combo, record, index){
Ext.getCmp('jgs').clearValue(); //清空市区信息
sqStore.load({
params :{
code : combo.getValue()
}});
}
}
},{
xtype:'combo',
id:'jgs',
store: jgsStore,
triggerAction: 'all',
fieldLabel:'市区,
displayField:'deptname',
readOnly : true,
valueField:'code',
mode: 'local',
emptyText:'请选择市区...',
anchor:'90%'
}]}]
});
sStore.load();//省份数据初始化
</script>
欢迎大家来群 108912562 讨论EXT前端技术。
分享到:
相关推荐
NULL 博文链接:https://luhai1992.iteye.com/blog/642619
ext 级联选择的树形控件,有实例用法,不明白的请发邮件到cencai06@163.com
NULL 博文链接:https://keepcrazy.iteye.com/blog/1874905
一个很简单,很好的例题,省级联动的Ext例题
NULL 博文链接:https://dengli19881102.iteye.com/blog/1046661
NULL 博文链接:https://pridesnow.iteye.com/blog/815193
JSP Ext spring级联分页程序,JSP分页程序示例,结合漂亮的extjs框架实现。由于空间问题web-inf/lib里的jar文件未引入,本项目是在struts2 hibernate spring构架下的,所以需要引入这些jar包。
AJAX+ASP多级无限制级联菜单(地市版).
可刷新的无限制级联菜单效果
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单...
JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果
菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联
iBATIS 级联iBATIS 级联iBATIS 级联
jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
级联菜单 动态级联菜单 可能动态取数据