EasyUI DataGrid编辑单元格时使用combogrid

最新推荐文章于 2020-12-02 14:15:45 发布

weixin_33890499

最新推荐文章于 2020-12-02 14:15:45 发布

阅读量468

点赞数

文章标签： javascript ViewUI

本文介绍了一段关于表格配置的代码示例，重点展示了如何设置表格字段、标题及编辑器属性，并详细解释了Combogrid组件的配置方法及其选项参数。

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

仅提供一段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,
                    }
                }
            },
        ]],