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 ...
随机推荐
- knockoutjs -- all built-in buildings
所有可用的binding值 文字和显示:visible, text, html, css, style, attr 流程控制:foreach, if, ifnot, with form字段:click ...
- MySQL-安全对调两个表名
我们想要的是同时完成表名对调,如果是先后的对掉,用RENAME的话可能会导致有些数据写入失败,那怎么办? 其实也不难,从MySQL手册里就能找到方法,那就是:同时锁定2个表,不允许写入,然后对调表名. ...
- NSURLSession/NSURLConnection HTTP load failed (kCFStreamErrorDomainSSL, -9802)
本篇文章由:http://xinpure.com/nsurlsessionnsurlconnection-http-load-failed-kcfstreamerrordomainssl-9802/ ...
- JavaScript 参考教程
JavaScript 是使用“对象化编程”的,或者叫“面向对象编程”的.所谓“对象化编程”,意思是把 JavaScript 能涉及的范围划分成大大小小的对象,对象下面还继续划分对象直至非常详细为止,所 ...
- linux学习规划
- Redis(十二):redis两种持久化方法对比分析
前言 最近在项目中使用到Redis做缓存,方便多个业务进程之间共享数据.由于Redis的数据都存放在内存中,如果没有配置持久化,redis重启后数据就全丢失了,于是需要开启redis的持久化功能,将数 ...
- Spring Boot中使用Spring-data-jpa
在实际开发过程中,对数据库的操作无非就“增删改查”.就最为普遍的单表操作而言,除了表和字段不同外,语句都是类似的,开发人员需要写大量类似而枯燥的语句来完成业务逻辑. 为了解决这些大量枯燥的数据操作语句 ...
- fft分析前后频谱数据
正弦信号输入 input 输入的原始信号 short [128] fir 滤波后的输出信号 SHORT [128] fft 傅里叶变换后的freq数据 float [128] rmroise 去除底 ...
- [svc]linux buffer和cache的区别
通俗理解buffer,cache Cache:缓存区,是高速缓存,是位于CPU和主内存之间的容量较小但速度很快的存储器,因为CPU的速度远远高于主内存的速度,CPU从内存中读取数据需等待很长的时间,而 ...
- xa
题目描述把M个同样的苹果放在N个同样的盘子里,允许有的盘子空着不放,问共有多少种不同的分法?(用K表示)5,1,1和1,5,1 是同一种分法.输入每个用例包含二个整数M和N.0<=m<=1 ...