記一次LayUI中Table動態添加列數據


這次在開發中遇到,有列數不固定的情況。廢話不多說,先上圖,在上代碼。

下面上JS代碼

 1    function SearchData() {
 2             var dYear = $("#DYear").val();
 3             var beginWeek = $("#DSWeek").val();
 4             var endWeek = $("#DEWeek").val();
 5             var params = {};
 6             params = CreateParamData(params, "dYear", dYear);
 7             params = CreateParamData(params, "beginWeek", beginWeek);
 8             params = CreateParamData(params, "endWeek", endWeek);
 9             var mycars = new Array();
10             var result;
11             $.ajax({
12                 url: GetUrl('Mold', 'Mold_MaintTotal'), // //請求路徑
13                 type: "post",// "post", //請求方式
14                 dataType: 'json', //期望獲得的返回值類型
15                 async: false, //是否異步
16                 data: params, //傳遞的參數
17                 success: function (data) {
18                     console.log(data.Data);
19                     if (data != '') {
20                         if (data.Result == 3) {
21                             result = data.Data;
22                             var strs = new Array();
23                             strs = result[0];
24                             for (var k in strs) {
25                                 mycars.push({
26                                     field: k, title: k, align: 'center', width: 120, sort: false
27                                 });
28                             }
29                         }
30                     }
31                 },
32                 error: function (jqXHR, textStatus, errorThrown) {
33 
34                     //console.log('狀態碼:' + jqXHR.status);
35                     //console.log('錯誤信息:' + jqXHR.statusText);
36                     //console.log('服務器反饋信息:' + textStatus);
37                 }
38             });
39             layui.use(['form', 'layer', 'table', 'jquery'],
40                 function () {
41                     var laytable = layui.table;
42 
43                     //動態加載數據
44                     laytable.render({
45                         elem: '#workbTable'                        
46                         , cols: [mycars]
47                         , data: result
48                     });
49                 });
50         };

 


免責聲明!

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



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