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, } } },
]],

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值