extjs表单中的下拉框(comobobox)手动添加空选项

本文介绍了一种方法,在使用ExtJS combobox组件时,如何通过监听加载事件,向已有数据中插入一条空值数据,实现用户选择后的回退功能。

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


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

    }); 


 显示效果:

 

转载于:https://www.cnblogs.com/suixufeng/archive/2011/11/15/3336111.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值