zoukankan      html  css  js  c++  java
  • 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, } } },
    ]],
  • 相关阅读:
    Nginx无缝升级
    ajax form提交的问题
    Ubuntu下pecl_http的安装
    提高PHP的运行效率的方法
    php.ini中文对照
    类似 TP中 eq 标签
    PHP身份证验证程序
    mysql在php中的应用
    如何添加JavaScript到Joomla模板中去
    USACO / Controlling Companies (类似BFS)
  • 原文地址:https://www.cnblogs.com/zj0208/p/5997386.html
Copyright © 2011-2022 走看看