当重复选者combobox 联动时,下级的Combobox 会出现loading的错误表现形式,虽然Store数据已加载完也是一样。
废话少说贴代码就知道如何处理了:(注意红色部分的关键语句)
}, {
xtype:‘combobox‘,
labelStyle:‘color:blue;‘,
labelWidth : 70,//标签宽度
width : 200,//字段宽度
msgTarget: ‘side‘,
allowBlank: false, //是否允许空值
labelStyle:‘color:red;‘,
value: ‘‘,
emptyText: ‘请选择上级部门。。。。‘,
queryMode: ‘local‘,
displayField: ‘DeptName‘,
valueField: ‘DeptName‘,
store:myUpDeptStore,
editable: false,
triggerAction:‘all‘,
fieldLabel: "上级部门",
listeners:{
‘select‘: function(combo,record,number){ //// 该事件会返回选中的项对应在 store中的 record值. index参数是排列号.
var _value = combo.getValue();
Ext.getCmp(‘AddDeptCombo‘).clearValue();
Ext.getCmp(‘AddDeptCombo‘).store.load({ params: {
UpDept:_value //record[0].data.DeptName
}
});
}
},
name: "UpDept"
}, {
xtype:‘combobox‘,
id:‘AddDeptCombo‘,
defaultListConfig:{ //取消loading的Mask
loadMask: false
},
labelStyle:‘color:blue;‘,
labelWidth : 70,//标签宽度
width : 200,//字段宽度
msgTarget: ‘side‘,
allowBlank: false, //是否允许空值
labelStyle:‘color:red;‘,
value: ‘‘,
emptyText: ‘请选择部门/班组。。。。‘,
queryMode: ‘local‘,
displayField: ‘DeptName‘,
valueField: ‘DeptName‘,
store:myDeptStore,
editable: false,
fieldLabel: "部门",
name: "Dept"
}]
备注:这个错误应该是Extjs的Bug吧,数据已加载了但没有取消掉Mask层,所以我们只能手工去除了。
Extjs4 Combobox 联动始终出现loading错误的解决办法
原文地址:http://blog.csdn.net/trassion/article/details/37931269