Extjs4 Combobox 联动始终出现loading错误的解决办法

来源：互联网发布：高速公路的数据编辑：程序博客网时间：2024/04/30 06:24

当重复选者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层，所以我们只能手工去除了。

0 0