博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easylui datagrid 动态生成列
阅读量:5114 次
发布时间:2019-06-13

本文共 1998 字,大约阅读时间需要 6 分钟。

1 function load(sdate) { 2     $.getJSON("workorder/statistics.do", { 3         sdate : sdate+'-01' 4     }, function(resp) { //获取数据源 5         var columns = new Array(); //定义列集合 6         var row = resp.rows[0];        //获取首行数据 7  8         //根据首行数据创建columns配置 9         $.each(row, function(i, v) {10             if (i != "username") {11                 var column = {};12                 column["title"] = "" + i;//我这里默认用键值做title,一般可以根据键值自定义13                 column["width"] = 25;14                 column["field"] = "" + i;//数据的键值就是field15                 column["align"] = "center";16                 column["styler"] = function(value) {17                     var d = new Date(sdate+'-' + i);18                     if (d.getDay() == 6 || d.getDay() == 0) {19                         return "background:#DDD";20                     }21 22                     if (value == 1) {23                         return "background:#CCFF33";24                     }25 26                 };27                 column["formatter"] = function(value) {28                     return " ";29                 };30                 columns.push(column);//放入定义数组31             }32         });33 34         //实例化一个datagrid35         $('#statistics').datagrid({36             toolbar : "#searchBar",37             rownumbers : true,38             singleSelect : true,39             fit : true,40             striped: true,41             onSelect : function(rowIndex) {42                 $(this).datagrid("unselectRow", rowIndex);43             },44             frozenColumns : [ [ {45                 title : '姓名',46                 field : 'username',47                 width : 60,48                 align : "center"49             } ] ],50             columns : [ [ {51                 colspan : columns.length,52                 title : ""+sdate+"月  部门人员任务分配情况"53             } ], columns ]54         }).datagrid("loadData", resp.rows);//实例化之后立刻载入数据源55     });56 }

 

转载于:https://www.cnblogs.com/XiaoGer/p/3188253.html

你可能感兴趣的文章
vi命令提示:Terminal too wide
查看>>
引用 移植Linux到s3c2410上
查看>>
MySQL5.7开多实例指导
查看>>
[51nod] 1199 Money out of Thin Air #线段树+DFS序
查看>>
poj1201 查分约束系统
查看>>
Red and Black(poj-1979)
查看>>
分布式锁的思路以及实现分析
查看>>
腾讯元对象存储之文件删除
查看>>
jdk环境变量配置
查看>>
安装 Express
查看>>
包含列的索引:SQL Server索引的阶梯级别5
查看>>
myeclipse插件安装
查看>>
浙江省第十二届省赛 Beauty of Array(思维题)
查看>>
NOIP2013 提高组 Day1
查看>>
个人对vue生命周期的理解
查看>>
cocos2dx 3.x simpleAudioEngine 长音效被众多短音效打断问题
查看>>
存储(硬件方面的一些基本术语)
查看>>
观察者模式
查看>>
Weka中数据挖掘与机器学习系列之基本概念(三)
查看>>
Win磁盘MBR转换为GUID
查看>>