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 ...
随机推荐
- UML和模式应用学习笔记-2(迭代和进化式开发)
一:什么是迭代和进化式开发 1:迭代和进化式开发:通常会在还没有详细定义所有需求的情况下假设开发开始,同时使用反馈来明确和改进演化中的规格说明: 2:迭代方法与较高的成功率.生产率和低缺陷率具有关系: ...
- 安装 percona-xtrabackup 2.4
Installing Percona XtraBackup from Percona yum repository Install the Percona repository You can ins ...
- Linux命令-用户管理命令:useradd，passwd，who，w
who 查看登录用户 w 查看登录用户详细信息
- unity3D中使用Socket进行数据通信（二）
上一篇博客主要介绍了使用socket搭建服务端和client程序,这一篇来说说socket的数据传输,我们使用socket的目的是解决点对点之间的数据传输,之前提到了socket中一个重要的概念:po ...
- spine 所有动画的第一帧必须把所有能K的都K上
spine 所有动画的第一帧必须把所有能K的都K上.否则在快速切换动画时会出问题.
- mybatis的#和$的差别
在项目中假设使用mybatis保存形如"1,2,3"这种字符串.你须要使用"#"号取值.假设使用$符号会报错, 假设是查询形如"id in (1,2, ...
- ubuntu16.04安装jekyll 3.3.1
本次安装的ekyll为最新的3.3.1版本. 一.预备工作,因位jekyll需要很多软件的支持,所以准备工作要做足. Ruby (including development headers, v1.9 ...
- WannaCry病毒应急处置
WannaCry病毒应急处置 病毒介绍 近期勒索病毒WannaCry大面积爆发,并迅速蔓延.被感染的机器,病毒会自动加密系统中的图片.文档.音频.视频等几乎所有类型的文件,必须缴纳高额勒索金(人民 ...
- Flume线上日志采集【模板】
Flume线上日志采集[模板] 预装软件 Java HDFS Lzo/Lzop 系统版本 Flume 1.5.0-cdh5.4.0 系统流程图 flume-env.sh配置文件 export JAVA ...
- （转载）C++STL中vector容器的用法
vector是C++标准模板库中的部分内容,它是一个多功能的,能够操作多种数据结构和算法的模板类和函数库.vector之所以被认为是一个容器,是因为它能够像容器一样存放各种类型的对象,简单地说vec ...