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

最新推荐文章于 2021-07-08 21:53:30 发布

david-sui

最新推荐文章于 2021-07-08 21:53:30 发布

阅读量6.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Extjs+.NET+sqlserver2005 文章标签： extjs function url

本文链接：https://blog.youkuaiyun.com/suixufeng/article/details/6973372

Extjs+.NET+sqlserver2005 专栏收录该内容

31 篇文章

订阅专栏

本文探讨了如何在使用ComboBox组件时遇到无法恢复为空状态的问题，并提供了解决方案。通过在现有代码基础上进行修改，使得用户在选择某个选项后仍能返回到初始的空状态。实现方式包括在数据加载完成后向已有数据中插入一条新的空白记录。

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

    });

显示效果：