Extjs 表单下拉框（comobobox)不设置默认值即空值

来源：互联网发布：网络诈骗电话多少编辑：程序博客网时间：2024/05/17 08:22

combobox虽然提供了emptyText这一属性，但这个一旦选择了就无法再选择空白状态，不太好用。实际应用中，我们经常需要恢复到空值状态，也就是什么都不先的状态。即用户一旦选择了某一选项，还能再重新回到空值状态。

原代码

    //付款方式    var Fukuanstore = new Ext.data.Store({        baseParams: {            paramname: '付款方式'        },        proxy: new Ext.data.HttpProxy({            url: "DATA/paramvalue/GetParam.aspx",            method: "POST"        }),        reader: new Ext.data.JsonReader({            fields: ["id", "param_value", "paramclass_id"],            root: "data",            id: "id",            totalProperty: "totalCount"               })             });

修改后：

    //付款方式    var Fukuanstore = new Ext.data.Store({        baseParams: {            paramname: '付款方式'        },        proxy: new Ext.data.HttpProxy({            url: "DATA/paramvalue/GetParam.aspx",            method: "POST"        }),        reader: new Ext.data.JsonReader({            fields: ["id", "param_value", "paramclass_id"],            root: "data",            id: "id",            totalProperty: "totalCount"               }),         listeners:{               //向已有数据中插入一条新的数据               load : function(store, records, options ){                   var data ={ "id": "", "param_value": "所有付款方式", "paramclass_id": "" };                   var rs = [new Ext.data.Record(data)];                   store.insert(0,rs);               }           }       });

显示效果：