zoukankan      html  css  js  c++  java
  • EasyUI datagrid 动态加载表头和数据

    首先返回到页面的需要是JSON数据:

      第一步:

      遍历表头,插入到array中

    for (var i = 0; i < jsonObj.title.length; i++) {
                                //把返回的数据封装到一个对象中
                                var col = {}
                                col['title'] = jsonObj.title[i].TITLE;
                                col['field'] = jsonObj.title[i].FIELD;
                                col['width'] = 100;
                                col['align'] = 'center'
                                //把这个对象添加到列集合中
                                columnsAll.push(col);
                            }

      第二步:

      初始化表格并加载数据

      

    $('#dataGrid_12').datagrid({
                             title:'CAF产销存数据下发',
                                  'auto',
                                height: "200",
                                nowrap: true,
                                striped: false,
                                border: true,
                                collapsible:false,//是否可折叠的
                                fit: true,//自动大小
                                remoteSort:false,  
                                idField:'ID',
                                pagination:true,//分页控件
                                rownumbers:true,//行号
                                queryParams: form2Json("queryForm2"),
                                frozenColumns:[[
                                {title:'统计项',field:'items',checkbox:false}
                            ]],  
                                method: 'get',
                                columns: [columnsAll],
                            }).datagrid('loadData', { total: 30, rows: [] });

                           

  • 相关阅读:
    Lua 语言学习
    Unity EasyTouch官方案例学习
    Unity Dotween官方案例学习
    斗地主出牌规则
    C# XML文件读取
    斗地主项目总结
    C# 委托和事件
    C# 观察者模式
    消防法及相关法律法规(二)
    消防法及相关法律法规(一)
  • 原文地址:https://www.cnblogs.com/yanghanwen/p/9935800.html
Copyright © 2011-2022 走看看