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

此次在開發中遇到,有列數不固定的狀況。廢話很少說,先上圖,在上代碼。jquery

下面上JS代碼ajax

 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         };
相關文章
相關標籤/搜索