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產銷存數據下發',
                            width:  '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: [] });

 

                       


免責聲明!

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



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