Estjs combobox多级联动去除第一次加载所有都读取的问题

最新推荐文章于 2024-12-28 03:59:13 发布

zhantianyou

最新推荐文章于 2024-12-28 03:59:13 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： function

本文链接：https://blog.youkuaiyun.com/zhantianyou/article/details/7943963

本文介绍了如何解决Extjs中Combobox在初次加载时获取所有数据的问题。通过在组件创建时预设过滤条件，并在聚焦时动态更新过滤规则，实现了多级联动效果，有效优化了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在界面上创建时，先过滤掉数据

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();
}