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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM