columns数组形式展示不同列数据
function workList() {
var status = $("#status1").val();
if (null == status || status == "") {
status = $("select[name='status']").val();
}
var workStatus;
switch (status) {
case '1'://待办
workStatus = [
{
field: 'id111',
width: 60,
title: "序号",
align: 'center',
formatter: function (value, row, index) {
return index + 1;
}
},
{
field: 'title',
title: '任务名称',
width: 300,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '" >' + value + '</span>';
return [nameIcon].join('');
},
events: {
'click .edit': function (e, value, row, index) {
waitViewTask(row.id);
}
}
},
{
field: 'zrrName',
title: '责任人',
align: 'center',
width: 100,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
},
{
field: 'xbrName',
align: 'center',
title: '协办人',
width: 100,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
},
{
field: 'leaderName',
title: '分管领导',
align: 'center',
width: 100,
},
{
field: 'startDate',
title: '交办日期',
align: 'center',
sortable: true,
order: 'desc',
width: 120
}, {
field: 'dueDate',
title: '完成日期',
align: 'center',
sortable: true,
order: 'desc',
width: 120
},
{
field: 'operator2',
title: '操作',
align: 'center',
valign: 'middle',
searchable: false,
clickToSelect: false,
width: 200,
formatter: function (value, row, index) {
var planIcon = '';
if (!!row && row.length > 0) {
for (var i = 0; i < row.length; i++) {
var user = row[i];
if (!!user && user.personnelType === '2') {
if ($("#nowUserId").val() === user.user.id) {
planIcon = '<div align="center"><span class="planIcon cursorPointer" data-toggle="modal" >【计划】</span>';
break;
}
}
}
}
var editIcon = '<span class="editIcon cursorPointer">【工作办理】</span></div>';
return [planIcon, editIcon].join('');
},
events: {
'click .editIcon': function (e, value, row, index) {
waitViewTask(row.id);
},
'click .planIcon': function (e, value, row, index) {
jihua(row);
}
}
}
];
break;
case '2'://超期
workStatus = [{
field: 'id',
title: 'ID',
visible: false
},
{
field: 'id111',
width: 60,
title: "序号",
visible: true,
align: 'center',
formatter: function (value, row, index) {
return index + 1;
}
},
{
field: 'title',
title: '任务名称',
// align:'center',
width: 220,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '" >' + value + '</span>';
return [nameIcon].join('');
},
events: {
'click .edit': function (e, value, row, index) {
timeOutViewTask(row.id)
},
}
},
{
field: 'zrrName',
title: '责任人',
align: 'center',
width: 80,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
},
{
field: 'xbrName',
title: '协办人',
align: 'center',
width: 80,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
},
{
field: 'leaderName',
title: '分管领导',
align: 'center',
width: 70
},
{
field: 'startDate',
title: '交办日期',
align: 'center',
sortable: true,
order: 'desc',
width: 80
},
{
field: 'dueDate',
title: '完成日期',
align: 'center',
sortable: true,
order: 'desc',
width: 80
}
,
/* {
field: 'betweenDay',
title: '超期天数',
align: 'center',
width: 80,
sortable: true,
order: 'desc',
},*/
{
field: 'status',
title: '状态',
align: 'center',
//valign: 'middle',
width: 60,
formatter: function (value, row, index) {
if (value == '2') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="已超期"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '1') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="进行中"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '0') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="暂存"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '3' || value == '4') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="已办结"></span>';
return '<span></span>' + [nameIcon].join('');
}
return "-";
}
},
{
field: 'operator2',
title: '操作',
align: 'center',
valign: 'middle',
searchable: false,
clickToSelect: false,
width: 100,
formatter: function (value, row, index) {
var editIcon = '<span class="editIcon cursorPointer">【工作办理】</span></div>';
return [editIcon].join('');
},
events: {
'click .editIcon': function (e, value, row, index) {
selectThing(row);
},
'click .delayIcon': function (e, value, row, index) {
if (row.ifDelay == '1') {
layer.msg("您已经申请延期，正在等待审核。。")
} else {
selectThing(row);
}
},
'click .endIcon': function (e, value, row, index) {
selectThing(row);
}
}
}
];
break;
case '5'://已办结
workStatus = [{
checkbox: true,
visible: false
},
{
field: 'id111',
width: 45,
title: "序号",
align: 'center',
formatter: function (value, row, index) {
return index + 1;
}
},
{
field: 'title',
title: '任务名称',
// align:'center',
width: 220,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '" >' + value + '</span>';
return [nameIcon].join('');
},
events: {
'click .edit': function (e, value, row, index) {
completedViewTask(row.id)
},
}
},
{
field: 'zrrName',
title: '责任人',
align: 'center',
width: 70,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
},
}, {
field: 'xbrName',
title: '协办人',
align: 'center',
width: 70,
formatter: function (value, row, index) {
var nameIcon = '<span class="edit cursorPointer" title="' + value + '">' + value + '</span>';
return [nameIcon].join('');
}
},
{
field: 'leaderName',
title: '分管领导',
align: 'center',
width: 70
},
{
field: 'startDate',
title: '交办日期',
align: 'center',
sortable: true,
order: 'desc',
width: 80
},
{
field: 'dueDate',
title: '完成日期',
align: 'center',
sortable: true,
order: 'desc',
width: 80
},
{
field: 'eDueDate',
title: '实际办结时间',
align: 'center',
width: 90,
sortable: true,
order: 'desc',
},
/* {
field: 'betweenDay',
title: '超期天数',
align: 'center',
width: 80,
sortable: true,
order: 'desc',
},*/
{
field: 'status',
title: '状态',
align: 'center',
sortable: true,
order: 'desc',
// valign: 'middle',
width: 60,
formatter: function (value, row, index) {
if (value == '2') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="已超期"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '1') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="进行中"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '0') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="暂存"></span>';
return '<span></span>' + [nameIcon].join('');
} else if (value == '3' || value == '4') {
var nameIcon = '<span style="width:14px;height:14px;border-radius: 50%;display:inline-block;margin-right:10px" class="edit cursorPointer" title="已办结"></span>';
return '<span></span>' + [nameIcon].join('');
}
return "-";
}
}
];
break;
}
console.log("进来我的工作")
$("#workListForm")[0].reset();
$('#workList').bootstrapTable({//待办任务workList
method: 'post',
url: 'v2/myWork/workDateList',
silent: true,
cache: false,
pagination: true,
height: window.bsTableHeight - 70,
contentType: 'application/x-www-form-urlencoded',
showHeader: true,//是否显示列头。
pageSize: 10, //每页的记录行数（*）
pageList: [10, 20, 30, 40], //可供选择的每页的行数（*）
showColumns: false,//是否显示内容列下拉框。
clickToSelect: true,//设置 true 将在点击行时，自动选择 rediobox 和 checkbox。?
sidePagination: 'server',//设置在哪里进行分页，可选值为 'client' 或者 'server'。设置 'server'时，必须设置服务器数据地址（url）或者重写ajax方法。
sortOrder: 'desc',
sortName: 'startDate',
queryParams: searchParam,
singleSelect: true,
responseHandler: function (data) {
data = FastJson.format(data);
return data;
},
columns: workStatus,
});
}
columns数组形式展示不同列数据的更多相关文章
- Yii表单模型使用及以数组形式提交表单数据
按Yii文档里的描述,Yii在处理表单的一般过程是: 创建表单对应的模型类,设置字段验证规则 创建表单提交对应的action,处理提交的内容 在视图中创建表单form 在刚刚的一个小项目里,想使用aj ...
- javascript 如何打印、输出数组内容（将数组内容以字符串的形式展示出来）
1.情景展示 在实际开发过程中,为了调试,有时我们需要看数组中具体包含了哪些数据,但是, 如果我们直接打印该数组对象,显示的结果却不是我们想要的. 如何才能将数组内容打印出来呢?(将数组内容以 ...
- redis 一二事 - 设置过期时间，以文件夹形式展示key显示缓存数据
在使用redis时,有时回存在大量数据的时候,而且分类相同,ID相同 可以使用hset来设置,这样有一个大类和一个小分类和一个value组成 但是hset不能设置过期时间 过期时间只能在set上设置 ...
- [习题] FindControl 简单练习--GridView + CheckBox，点选多列数据（复选删除）#3 List或数组
[习题] FindControl 简单练习--GridView + CheckBox,点选多列数据(复选删除)#3 List或数组 之前的范例,使用字符串.文字来记录将删除的文章ID 后续会有很多小缺 ...
- EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之：使用BootstrapPagination以分页形式展示数据信息
上一篇介绍通过接口来获取数据,本篇将介绍如何以分页形式展示出接口获取到的数据 获取到的数据往往会很多,为了追去页面的美观和方便用户的检索,需要进行分页的展示: EasyNVR可接如多通道,当我们的通道 ...
- EasyNVR摄像机网页无插件直播方案H5前端构建之：使用BootstrapPagination以分页形式展示数据信息
背景介绍 EasyNVR核心在于摄像机的音视频流的获取.转换.转码与高性能分发,同时同步完成对实时直播流的录像存储,在客户端(PC浏览器.Android.iOS.微信)进行录像文件的检索.回放和下载. ...
- 查询表格——建立动态表格，使用ajax输入查询条件将后台数据查询出来以表格的形式展示出来
建立动态表格,使用ajax将前台查询条件传给后台,并将查询结果以表格的形式展示出来. 页面的展示效果如下图所示: 第一步:查询条件的部分: 代码如下: <div class="text ...
- R语言基础：数组&列表&向量&矩阵&因子&数据框
R语言基础:数组和列表 数组(array) 一维数据是向量,二维数据是矩阵,数组是向量和矩阵的直接推广,是由三维或三维以上的数据构成的. 数组函数是array(),语法是:array(dadta, d ...
- 如何在FineUIMvc（ASP.NET MVC）中显示复杂的表格列数据（列表和对象）？
起源 最初,这个问题是知识星球内的一个网友提出的,如何在FineUIMvc中展现复杂的列数据? 在FineUIPro中,我们都知道有一个 TemplateField 模板列可以使用,我们只需要在后台定 ...
随机推荐
- python twilio 短信群发 知识留存
1. win7 32位系统,傻瓜安装Anaconda2(python 2.7) 2. 打开cmd, 输入命令pip install twilio,在线安装twilio 3. 打开Anaconda2的S ...
- 熟悉下apple 马甲包
一.什么是马甲包 马甲包是利用App store 规则漏洞,通过技术手段,多次上架同一款产品的方法.马甲包和主产品包拥有同样的内容和功能,除了icon和应用名称不能完全一致,其他基本一致. 二.为什么 ...
- ES6系列_4之扩展运算符和rest运算符
运算符可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁. 运算符有两种:对象扩展运算符与rest运算符. 1.对象扩展( spread)运算符(...) (1)解决参数个数 ...
- Seetaface 向树莓派 移植
seetaface由中科院计算所山世光研究员带领的人脸识别研究组研发.代码基于C++实现,不依赖第三方库.然而,目前开源的代码,是在windows vs上编译的,对于我们这帮mac/linux用户来说 ...
- echart改变legend样式及分页
legend: { type: 'scroll', orient: 'horizontal', bottom:0, left:'center', itemGap: 0, itemWidth: 10, ...
- TCP/IP知识总结（TCP/IP协议族读书笔记一）
一.简述TCP/IP协议 Transmission Control Protocol/Internet Protocol的简写,即传输控制协议/互联网互联协议,又名网络通信协议.是Internet最基 ...
- 迷你MVVM框架 avalonjs 学习教程1、引入avalon
avalon是国内最强大的MVVM框架,没有之一,虽然淘宝KISSY团队也搞了两个MVVM框架,但都无疾而终.其他的MVVM框架都没几个.也只有外国人与像我这样闲的架构师才有时间钻研这东西.我很早之前 ...
- NGUI中显示DrawCall详细信息
[NGUI显示DrawCall详细信息] UIDrawCall中有个宏,SHOW_HIDDEN_OBJECTS,默认为关闭状态.将此宏打开,NGUI即会将DrawCall对象显示在Hierarchy中 ...
- Grapher
[Grapher] You use Grapher to visualize and analyze implicit and explicit equations. You can graph eq ...
- Thread.yield()的简单理解
Thread.yield( )方法: 使当前线程从执行状态(运行状态)变为可执行态(就绪状态).cpu会从众多的可执行态里选择. 也就是说,当前也就是刚刚的那个线程还是有可能会被再次执行到的,并不是说 ...