写一个带有“请选择的”的下拉框，需要用到 map（用于设置默认值）和 Array(用于填充数据)

最新推荐文章于 2023-04-03 14:02:38 发布

朱智文

最新推荐文章于 2023-04-03 14:02:38 发布

阅读量1.6k

点赞数

分类专栏：智慧云停车场项目 jquery

本文链接：https://blog.csdn.net/u014236541/article/details/50780439

版权

智慧云停车场项目同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

jquery

17 篇文章 0 订阅

订阅专栏

 var expressNameList = new Array();

var  expressNameMap= new Map();



$.ajax({
                type: "post",
                url: "${ctx}/staticData/query?typeCode=EXPRESS_NAME&dataCode=",
                contentType: "application/json;charset=utf-8",
                success: function(data) {
                    if (data != null && data.length > 0) {
                        $(eval(data)).each(function(){
                            expressNameMap.put(this.value,this.name);
                            expressNameList[expressNameList.length] = {itemText: this.name, itemData: this.value};
                        });
                        // 设置快递名称类型下拉列表
                        expressName = $("#qexpressName-dropdownlist").dropDownList({
                            inputName: "qexpressName",
                            inputValName: "qexpressNameId",
                            buttonText: "",
                            width: "117px",
                            readOnly: false,
                            required: true,
                            maxHeight: 200,
                            onSelect: function(i, data, icon) {},
                            items: expressNameList
                        });
                        expressName.setData("请选择", "0", "");
                    }
                },
                error: function(req, error, errObj) {
                }
            });

1 map的用法

在grid栏显示数据的时候：

{title:'快递名称',name:'expressName',width:100,sortable:true,align:'left'    ,renderer: function (val, item, rowIndex){
                    if (item && item.expressName) {
                        return expressMap.get(item.expressName)
                    }
                     }},

2.修改界面显示数据的时候：

                       $('#expressState').val(expressStateListMap.get(rowExpress.expressState).itemData);
			$('#expressStateId1').val(expressStateListMap.get(rowExpress.expressState).itemText);