EasyUI中DataGrid动态参数的完成

2019年8月31日 186次阅读 来源: 天风浪浪海山苍苍

在datagrid的表头列迥殊多的情况下，不可能一个个的手写，这时候就需要运用动态建立的体式格局，把表头列建立出来。

  • 下面是datagrid中columns的花样

    columns:[[
        {field:'id',title:'组织机构编号',width:'7%'},
        {field:'name',title:'组织机构名称',width:'15%'},
        {field:'computer',title:'计算机装备类',width:'7%',
            styler: function(value,row,index){
                return 'background-color:#ffee00;color:red;';
        }},
        {field:'SG_AUT_SERVER_B',title:'服务器',width:'7%'}
    ]]

  • 下面例子是treegrid，和datagrid是一样的。
    采纳 $(“#treegrid1”).treegrid(options)要领，天生表格。

    var options ={};
    options.url = "<%=basePath %>back/intequery/getDevModelList";
    options.rownumbers = true;
    //options.pagination = true;
    options.singleSelect = true;
    //options.pageList = [10];
    //options.striped = true;
    options.fit = true;
    options.loadMsg = "正在加载，请稍候……";
    options.idField = "ID";
    options.treeField = "NAME";
    var tableName = $('#devtab').tabs('getSelected').panel('options').id;
    options.queryParams = {tableName:tableName.substring(0,ableName.lastIndexOf("_B"))};
    var array2 = [];
    array2.push(array1); //组装动态参数，array1可所以背景返回的JSONArray
    options.columns = array2;
    $("#treegrid1").treegrid(options);

注重：columns是数组对象，不能采纳拼接字符串的体式格局组织！

  • 应采纳下面体式格局举行组织

    var array3 = [];
    array3[0] = new Object(); 
    array3[0].field = "NAME";
    array3[0].title = "装备型号";
    array3[0].align = "left";
    array3[0].width = "400";
    var array4 = [];
    array4.push(array3);
    原文作者：天风浪浪海山苍苍
    原文地址: https://segmentfault.com/a/1190000008133094
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞