Estjs combobox多级联动 去除第一次加载所有都读取的问题
2012-09-04 21:29
633 查看
在界面上创建时,先过滤掉数据
var cityStore=Ext.create('Tpshop.store.member.ComboSupplierCity');
cityStore.on("load",function(store,records,options){
store.filterBy(function(record,id){
return record.get('parent_id') == Ext.getCmp('edit-supplier-form-province').value;
});
});
var areaStore=Ext.create('Tpshop.store.member.ComboSupplierArea');
areaStore.on("load",function(store,records,options){
store.filterBy(function(record,id){
return record.get('parent_id') == Ext.getCmp('edit-supplier-form-city').value;
});
});
bombobox创建
xtype : 'combobox',
id:'edit-supplier-form-city',
typeAhead: true,
triggerAction: 'all',
queryMode: 'remote',
displayField: 'name',
valueField: 'area_id',
selectOnTab: true,
store:cityStore,
editable: false,
hidden:true,
width:100,
listeners:{
focus:function(combo, record,index){
var province_id=Ext.getCmp('edit-supplier-form-province').value;
cityStore.clearFilter();
cityStore.filterBy(function(record){
return record.get('parent_id') == province_id;
});
},
select:function(){
Ext.getCmp('edit-supplier-form-area').setVisible(true);
Ext.getCmp('edit-supplier-form-area').clearValue();
}
var cityStore=Ext.create('Tpshop.store.member.ComboSupplierCity');
cityStore.on("load",function(store,records,options){
store.filterBy(function(record,id){
return record.get('parent_id') == Ext.getCmp('edit-supplier-form-province').value;
});
});
var areaStore=Ext.create('Tpshop.store.member.ComboSupplierArea');
areaStore.on("load",function(store,records,options){
store.filterBy(function(record,id){
return record.get('parent_id') == Ext.getCmp('edit-supplier-form-city').value;
});
});
bombobox创建
xtype : 'combobox',
id:'edit-supplier-form-city',
typeAhead: true,
triggerAction: 'all',
queryMode: 'remote',
displayField: 'name',
valueField: 'area_id',
selectOnTab: true,
store:cityStore,
editable: false,
hidden:true,
width:100,
listeners:{
focus:function(combo, record,index){
var province_id=Ext.getCmp('edit-supplier-form-province').value;
cityStore.clearFilter();
cityStore.filterBy(function(record){
return record.get('parent_id') == province_id;
});
},
select:function(){
Ext.getCmp('edit-supplier-form-area').setVisible(true);
Ext.getCmp('edit-supplier-form-area').clearValue();
}
相关文章推荐
- 被Ajax加载的页面中多级联动问题
- combobox2根据combobox1的值绑定,第一次加载时的问题
- extjs Combobox动态加载数据问题,mode:local 还是remote
- moss+WF开发多级审批工作流中读取用户的问题
- Extjs中的ComboBox在加载时默认选中值的问题的解决办法。
- Silverligth项目加载问题 无法读取项目文件“SL1201.csproj”。请确认 声明中的路径正确,且磁盘上存在该文件。
- python 读取多级目录下所有的文件
- 关于Dropdownlist 与 autopostBack 问题-多级联动 例 省/市/区
- jquery ajax 多级select 菜单联动加载实现
- spring加载xml文件 读取bean时遇到的一个问题
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- ExtJs4 Ext.form.field.ComboBox 刷新数据出现一直加载的问题
- 关于WPF的ComboBox中Items太多而导致加载过慢的问题
- JAVA问题总结之29--读取某目录下所有文件和子文件夹的文件
- [VB.NET]用combobox选择读取access数据库小问题?在线等
- Silverlight项目加载问题 无法读取项目文件“***.csproj”
- 读取目录下所有目录和文件加载到TreeView
- AngularJS解决第一次加载闪烁问题
- 【转】VB问题:如何读取、返回某一目录下的所有文件名
- 有关android中多级联动问题的解决