jquery widgets grid 重置列配置
$("#jqxGridByAttendanceDetail").on("bindingcomplete", function (event) {
// your code here.
changeStyle();
});
function changeStyle() {
var cellsrenderer = function (index, column, value, html, cellInfo, row) {
if (row.RestType == "0") {//假
return $(html).addClass("red").append("<sup> 假</sup>").prop("outerHTML");
}
if (row.RestType == "1") {//休
return $(html).addClass("red").append("<sup> 休</sup>").prop("outerHTML");
}
if (row.RestType == "2") {//正常
return $(html).append("<sup> </sup>").prop("outerHTML");
}
};
//重置列配置
$('#jqxGridByAttendanceDetail').jqxGrid({
columns: [
{
datafield: 'Date',
filterdelay: 50000,
text: '日期',
sort: '0',
minwidth: '90',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: true,
editable: false,
cellsformat: 'yyyy-MM-dd',
filtertype: 'range',
cellsrenderer: cellsrenderer
},
{
datafield: 'ShiftCode',
filterdelay: 50000,
text: '班次',
sort: '1',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: true,
editable: false,
},
{
datafield: 'FirstStandardIn',
filterdelay: 50000,
text: '标准进1',
sort: '2',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'HH:mm',
},
{
datafield: 'FirstStandardOut',
filterdelay: 50000,
text: '标准出1',
sort: '3',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'HH:mm',
},
{
datafield: 'SecondStandardIn',
filterdelay: 50000,
text: '标准进2',
sort: '4',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'HH:mm',
},
{
datafield: 'SecondStandardOut',
filterdelay: 50000,
text: '标准出2',
sort: '5',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'HH:mm',
},
{
datafield: 'FirstActualIn',
filterdelay: 50000,
text: '实际进1',
sort: '6',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'HH:mm',
},
{
datafield: 'FirstActualOut',
filterdelay: 50000,
text: '实际出1',
sort: '7',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'HH:mm',
},
{
datafield: 'SecondActualIn',
filterdelay: 50000,
text: '实际进2',
sort: '8',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'HH:mm',
},
{
datafield: 'SecondActualOut',
filterdelay: 50000,
text: '实际出2',
sort: '9',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'HH:mm',
},
{
datafield: 'WorkHours',
filterdelay: 50000,
text: '排班小时',
sort: '10',
minwidth: '75',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'ActualWorkHours',
minwidth: '100',
filterdelay: 50000,
text: '实际工作小时',
sort: '11',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'FirstLate',
filterdelay: 50000,
text: '迟到分钟1',
sort: '11',
minwidth: '78',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'FirstLeaveEarly',
filterdelay: 50000,
text: '早退分钟1',
sort: '12',
minwidth: '78',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'SecondLate',
filterdelay: 50000,
text: '迟到分钟2',
sort: '13',
minwidth: '78',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'SecondLeaveEarly',
filterdelay: 50000,
text: '早退分钟2',
sort: '14',
minwidth: '78',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'MissCardNum',
filterdelay: 50000,
text: '缺卡次数',
sort: '15',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'AbsentHours',
filterdelay: 50000,
text: '旷工小时',
sort: '16',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'FristLeaveType',
filterdelay: 50000,
text: '请假类型1',
sort: '17',
minwidth: '78',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'FristLeaveHours',
filterdelay: 50000,
text: '请假小时1',
sort: '18',
minwidth: '78',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'SecondLeaveType',
filterdelay: 50000,
text: '请假类型2',
sort: '19',
minwidth: '78',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'SecondLeaveHours',
filterdelay: 50000,
text: '请假小时2',
sort: '20',
minwidth: '78',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'OTNormal',
filterdelay: 50000,
text: '平时调休加班',
sort: '21',
minwidth: '100',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'OTOFF',
filterdelay: 50000,
text: '休息调休加班',
sort: '22',
minwidth: '100',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'OTPH',
filterdelay: 50000,
text: '节日调休加班',
sort: '23',
minwidth: '100',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'OTNormalPay',
filterdelay: 50000,
text: '平时支付加班',
sort: '24',
minwidth: '100',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'OTOFFPay',
filterdelay: 50000,
text: '休息支付加班',
sort: '25',
minwidth: '100',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'OTPHPay',
filterdelay: 50000,
text: '节日支付加班',
sort: '26',
minwidth: '100',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'ExtOTHours',
filterdelay: 50000,
text: '内部加班',
sort: '27',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'ExtLeaveHours',
filterdelay: 50000,
text: '内部调休',
sort: '28',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'row30 text-center\' >' + (value == '0' ? '' : value) + '</div>';
},
},
{
datafield: 'IsForced',
filterdelay: 50000,
text: '强制分析',
sort: '29',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
var str = '';
if (value == true) {
str = '是';
} else {
str = '否';
}
return '<div class=\'row30 text-center\'>' + str + '</div>';
},
},
{
datafield: 'VGUID',
filterdelay: 50000,
text: '修正记录',
sort: '29',
minwidth: '70',
align: 'center',
cellsalign: 'center',
hidden: false,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsrenderer: function (index, column, value, html, cellInfo, row) {
return '<div class=\'text-center row30\' ><a class=\'showdiv click \' data-id=\'' + row.VGUID + '\' data-date=\'' + row.Date + '\' ><span class=\'iconfont icon-historyrecode\' title=\'修正记录\'></span></a></div>';
},
},
{
datafield: 'UserId',
filterdelay: 50000,
sort: '30',
align: 'center',
cellsalign: 'center',
hidden: true,
sortable: true,
filterable: true,
pinned: false,
editable: false,
},
{
datafield: 'Sort',
filterdelay: 50000,
sort: '31',
align: 'center',
cellsalign: 'center',
hidden: true,
sortable: true,
filterable: true,
pinned: false,
editable: false,
},
{
datafield: 'Founder',
filterdelay: 50000,
sort: '32',
align: 'center',
cellsalign: 'center',
hidden: true,
sortable: true,
filterable: true,
pinned: false,
editable: false,
},
{
datafield: 'CreateTime',
filterdelay: 50000,
sort: '33',
align: 'center',
cellsalign: 'center',
hidden: true,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'yyyy-MM-dd',
filtertype: 'range',
},
{
datafield: 'ModifiedBy',
filterdelay: 50000,
sort: '34',
align: 'center',
cellsalign: 'center',
hidden: true,
sortable: true,
filterable: true,
pinned: false,
editable: false,
},
{
datafield: 'ModifiedTime',
filterdelay: 50000,
sort: '35',
align: 'center',
cellsalign: 'center',
hidden: true,
sortable: true,
filterable: true,
pinned: false,
editable: false,
cellsformat: 'yyyy-MM-dd',
filtertype: 'range',
},
{
datafield: 'REMARK',
filterdelay: 50000,
sort: '37',
align: 'center',
cellsalign: 'left',
hidden: true,
sortable: true,
filterable: true,
pinned: false,
editable: false,
}
]
});
}
jquery widgets grid 重置列配置的更多相关文章
- Yii zii.widgets.grid 隐藏列 方便js获取隐藏值
array( 'name' => $data->is_audit, 'value' => '$data->is_audit', 'headerHtmlOptions' => ...
- JQuery 插件FlexiGrid 之完全配置与使用
博客分类: Java综合 jQuery配置管理jsonServlet数据结构 自己再做这个的时候.也是找了很多资料..但网上搜索了很多资料. 没有介绍的很全的. 鄙人就在此献丑一下. 来全面的介绍一 ...
- Yii框架zii.widgets.grid自定义按钮，ajax触发事件并提示
相关类手册: http://www.yiichina.com/api/CButtonColumn buttons 属性 public array $buttons; the configurati ...
- 安装grid之前检查配置 ，报错如下
centos 5 _x86_64 oracle 11.2 安装grid之前检查配置 ,报错如下 : ./runcluvfy.sh stage -pre crsinst -n rac1,rac2 -fi ...
- 雷林鹏分享：jQuery EasyUI 数据网格 - 列运算
jQuery EasyUI 数据网格 - 列运算 在本教程中,您将学习如何在可编辑的数据网格(datagrid)中包含一个运算的列.一个运算列通常包含一些从一个或多个其他列运算的值. 首先,创建一个可 ...
- JQuery插件：动态列和无间隙网格布局Mason.js
来源:GBin1.com 在线演示 JavaScript提供很多强有力的方案,解决动态列的网格布局(例如:Pinterest).这些方案很有效,但是,有时候,会造成网格的间隙或粗糙的边缘. Mason ...
- Grid 行和列
<Grid> <Grid.ColumnDefinitions> <ColumnDefinition></ColumnDefinition> <Co ...
- ExtJS4 自己主动生成控制grid的列显示、隐藏的checkbox
因为某种原因.须要做一个控制grid列显示的checkboxgroup,尽管EXTJS4中的gridpanel自带列表能够来控制列的显示隐藏,可是有这种需求(须要一目了然) 以下先上图 waterma ...
- HTML5/jQuery雷达动画图表 图表配置十分简单
1.HTML5/jQuery雷达动画图表 图表配置十分简单 之前我们介绍过不少形形色色的HTML5图表了,像这款HTML5折线图表Aristochart是一款很不错的折线图表,这款HTML5 Canv ...
随机推荐
- Jquery重新学习之七[Ajax运用总结A]
Jquery中Ajax的运用是另外一个重点,平时项目经常会用它进行一些异步操作:其核心是通过XMLHttpRequest对象以一种异步的方式,向服务器发送数据请求,并通过该对象接收请求返回的数据,从而 ...
- honeyd蜜罐配置和web监听脚本
Honeyd的安装和配置 Honeyd软件依赖于下面几个库及arpd工具: (1)Libevent:是一个非同步事件通知的函数库. 通过使用 libevent,开发者能够设定某些事件发生时所运行的函数 ...
- JSP页面输出的几种方式：
1. 内置九大对象之out 下载图片 2. <%= %> JSP输出表达式 JSP中出现大量脚本 3. response.getWriter() n ...
- 【C++】排序算法小结
1.计数排序 如果给定上下界,并且区间不大的话,最适用. 比如对于英文字母数组进行排序. 时间复杂度O(n),空间复杂度O(n) void countSort(int A[], int n, int ...
- ibatis/mybatis显示sql语句 log4j.properties配置文件
将ibatis/mybatis log4j运行级别调到DEBUG可以在控制台打印出ibatis运行的sql语句,方便调试: ### 设置Logger输出级别和输出目的地 ### log4j.rootL ...
- Spark in meituan http://tech.meituan.com/spark-in-meituan.html
Spark在美团的实践 忽略元数据末尾 回到原数据开始处 引言:Spark美团系列终于凑成三部曲了,Spark很强大应用很广泛, 文中Spark交互式开发平台和作业ETL模板的设计都很有启发借鉴意义. ...
- RESTful Web Service实战 小结1
1 REST的基本实现形式HTTP+URI+XML,但不是唯一形式.XML后来被Json格式替代.REST是一中架构风格(Representational State Transfer,表述性状态转移 ...
- 使用kubernetes创建容器一直处于ContainerCreating状态的原因查找与解决
运行容器的时候,发现一直处于ContainerCreating状态,悲了个催,刚入手就遇到了点麻烦,下面来讲讲如何查找问题及解决的 运行容器命令: [root@master- ~]# kubectl ...
- apache虚拟主机设置泛域名的方法
在apache虚拟主机中设置泛域名解析,主要是用到ServerAlias 的配置. 1.支持多域名 例如,让mail.jbxue.org.smtp.jbxue.org.pop3.jbxue.org 都 ...
- Decoration5：引入swagger2进行API管理
这一部我们计划把swagger2引入到项目中,把网站的接口以文档的形式展示出来. 1.引入springfox-swagger2.springfox-swagger-ui 2.实现Swagger2 3. ...