[前端]-Extjs 向下拉列表引用的Store内插入一条全部的选项。

最新推荐文章于 2023-06-17 22:16:18 发布

william-Han

最新推荐文章于 2023-06-17 22:16:18 发布

阅读量1.8k

点赞数

本文链接：https://blog.youkuaiyun.com/William_Han1989/article/details/78874193

版权

本文介绍如何使用 ExtJS 实现商品类别选择的下拉框功能，包括动态加载商品类型数据、设置下拉框属性及在列表中插入默认选项。

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

 var goodstypeStore = new Ext.data.Store({
        autoLoad : true,
        fields : [ "id", "goodsTypeName" ],
        proxy : {
            type : 'ajax',
            url : 'searchGoodstypeName',
            reader : {
                type : 'json',
                root : 'result'
            }
        }
    });
    /**
     * 向下拉列表中插入全部选项.
     */
    goodstypeStore.on('load', function (store) {
    	store.insert(0,{
    		           goodsTypeName: '全部',   
                                  id: ''   
    	});
    });
    
/**
*下拉列表框.
*/
         xtype : "combo",
         id : "shop-goodsTypeId",
         name : "goodsinfo.goodsTypeId",
         fieldLabel : '商品类别',
         store : goodstypeStore,
         triggerAction: 'all',
         hasNullValue:true,
         emptyText: '请选择...',
         editable : false,
         queryMode : 'local',
         displayField : 'goodsTypeName',
         valueField : 'id',
         flex:1