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 ...
随机推荐
- mysql数据结构优化,范式和反范式
1.范式,正常的建表,反范式,为了提高效率,适当的已空间换时间 2.垂直拆分,就是把经常用的.或者text大存储的字段单独拉出来存表 3.水平拆分,解决数据量大的问题,进行取莫的方式将数据放到相同的n ...
- Android用http协议上传文件
http协议上传文件一般最大是2M,比较适合上传小于两M的文件 [代码] [Java]代码 001import java.io.File; 002import java.io.FileInp ...
- MPEG-4 压缩编码标准
文章转自:http://www.cnblogs.com/CoderTian/p/8477021.html 1.MPEG-4标准概述 与MPEG1和MPEG2标准相比,MPEG-4 更加注重多媒体系统的 ...
- C与C++中非常少犯的错误,犯了后却非常难找出的错误
1.continue,break类的错误(HDU1877): #include<iostream> using namespace std; int main() { int a,b,m, ...
- 站点下的robots
面试某软,被面试官问道:你做爬虫.知不知道非常多站点下都有个robots文件? 答曰:不知. 于是面试官给我演示了一遍~ 遂卒.首战慘败. 下来查了维基百科.基本了解robots.https://zh ...
- SEH, SAFESEH相关
SEH, SAFESEH相关 1,触发seh异常让目标程序Read/Write无效地址,如果和栈底相邻的内存只读,尝试覆盖超出栈底 2,如何找到(显示)要覆盖的SEHod语法:dd fs:[0]sof ...
- Object-C中的字符串对象2-可变字符串
// // main.m // 字符串-可变字符串 // // Created by zhangqs008 on 14-2-13. // Copyright (c) 2014年 zhangqs008. ...
- Javascript Event事件-总结
一.事件类型 例如:mouseover鼠标移动到.keydown键盘按下 二.事件目标 是发生的事件或与之相关的对象,window.document和Element对象是最常见的事件目标 三.事件对象 ...
- drawer navigation, tabhostFragment 默认导向
问题: 项目结构,在一个抽屉导航中的第一个抽屉中加入了一个tabHostFragment,每次进入项目都是在抽屉导航的默认界面,须要把抽屉划出来再选择某个抽屉. 可是想让APP直接跳转到第一个抽屉界面 ...
- linux kill 关闭进程命令
杀死进程最安全的方法是单纯使用kill命令,不加修饰符,不带标志. 首先使用ps -ef命令确定要杀死进程的PID,然后输入以下命令: # kill -pid 注释:标准的kill命令通常都能达到目的 ...