EasyUI DataGrid编辑单元格时使用combogrid

仅提供一段columns配置代码供参考:

conditions对象是一个已赋值的数组对象集合.
下拉框数据可直接使用conditions数据,也可以通过url获取.
columns : [[
            {
                field : 'id',
                title : 'ID',
                sortable : true,
                hidden : true,
            },
            {
                field : 'name',
                title : 'Name',
                width : 200,
                editor : {
                    type : 'validatebox',
                    options : {
                        required : true,
                        missingMessage : '必填项',
                    },
                },
            },
            {
                // TODO 此单元各编辑时会变成combogrid
                field : 'conditionId',
                title : 'ConditionName',
                width : 200,
                formatter:function(value){
                    for(var i=0; i<conditions.length; i++){
                        if (conditions[i].id == value){
                            return conditions[i].name;
                        } 
                    }
                    return value;
                },
                editor:{
                    type:'combogrid',// 下拉框表格
                    options:{
                        panelWidth : 800,
                        idField : 'id', // value值
                        textField : 'name', // 显示值
                        method : "GET",
                        // url : url, // 下拉框表格数据请求地址
                        fitColumns : true,
                        multiple: false,
                        columns : [[
                                    {
                                        field : 'id',
                                        title : 'ID',
                                        width : 100,
                                        hidden : true
                                    },
                                    {
                                        field : 'name',
                                        title : 'Name',
                                        width : 100,
                                    },
                                ]],
              data : conditions, } } },
]],

 

posted @ 2016-10-25 17:07  迷失之路  阅读(2133)  评论(5编辑  收藏  举报