/**
* 定义store,在baseParams中定义参数,请求服务端数据,返回数据源
*/
var modelsStore = new Ext.data.JsonStore({
url : 'cars-makes-models.action',
baseParams : {
cmd : 'models'
},
root : 'models',
fields : ['id', 'name']
});
/**
*
* makeCombo 父类combox 控制自身store的加载, 以及modelStore的加载 通过select触发事件,去级联modelStore
*/
var MakeCombo = {
xtype : 'combo',
store : makestore,
displayField : 'name',
valueField : 'id',
typeAhead : true,
editable : false,
mode : 'remote',
forceSelection : true,
triggerAction : 'all',
fieldLabel : 'Make',
emptyText : 'Select a make...',
selectOnFocus : true,
anchor : '95%',
store : new Ext.data.JsonStore({
url : 'cars-makes-models.action',
baseParams : {
cmd : 'makes'
},
root : 'makes',
fields : ['id', 'name']
}),
listeners : {
'select' : function(cmb, rec, idx) {
// 得到models-combo组件
modelsCbx = Ext.getCmp('models-combo');
// 清除数据
modelsCbx.clearValue();
// 通过传入自身参数使modelStore重新加载
modelsCbx.store.load({
params : {
'makeId' : this.getValue()
}
});
// 启用组件
modelsCbx.enable();
}
}
};
/**
* 子类combox 注意这里的mode是定义为local(按常理是remote) 原因是不让这个组件在没有级联的关系下加载数据
*/
var ModelCombo = {
xtype : 'combo',
id : 'models-combo',
store : modelsStore,
displayField : 'name',
valueField : 'id',
typeAhead : true,
editable : false,
mode : 'local',
forceSelection : true,
triggerAction : 'all',
fieldLabel : 'Model',
emptyText : 'Select a model...',
selectOnFocus : true,
disabled : true,
anchor : '95%'
};
/**
* 初始化面板
*/
Ext.onReady(function() {
var newCarForm = new Ext.FormPanel({
frame : true,
title : 'Car Reviews',
bodyStyle : 'padding:5px',
width : 420,
id : 'make-selector-frm',
url : 'new-car.php',
items : [MakeCombo, ModelCombo]
});
newCarForm.render(document.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
C# winform实现combox绑定XML实现级联数据绑定
ext 级联选择的树形控件,有实例用法,不明白的请发邮件到cencai06@163.com
一个很简单,很好的例题,省级联动的Ext例题
vs20005编译成功,实现combox的级联事件,源代码资源来自网上, 但是没找到具体的窗体效果实现,所以就实现了一下,希望有助于各位。 所谓级联事件就是,当触发第一个comboxSelected事件时,第二个combox.DataSource...
C#.Net winform combox日期级联选择器
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单...
JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果JSP级联效果
菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联
iBATIS 级联iBATIS 级联iBATIS 级联
jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单