• 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: [] });

                           

  • 相关阅读:
    conda安装使用
    数据库删除后台代码
    表格显示数据库(html和php混编)
    唯一用户名jquery和PHP代码
    //阿贾克斯提交数据库
    //向数据库添加数据(form表单提交)
    //conn数据库配置
    Css 变量
    input标签让光标不出现
    Es6Class
  • 原文地址:https://www.cnblogs.com/yanghanwen/p/9935800.html
Copyright © 2020-2023  润新知