• 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, } } },
    ]],
  • 相关阅读:
    js精度丢失问题处理
    button居中
    js存储 cookie,localStorage,sessionStorage的比较
    js 常用的DOM,BOM操作
    js事件代理理解
    oneplus前端开发面试
    instanceof
    js原型和原型链
    js构造函数
    NC 6.X笔记(编辑中)
  • 原文地址:https://www.cnblogs.com/zj0208/p/5997386.html
Copyright © 2020-2023  润新知