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 模板列可以使用,我们只需要在后台定 ...
随机推荐
- ES6系列_4之扩展运算符和rest运算符
运算符可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁. 运算符有两种:对象扩展运算符与rest运算符. 1.对象扩展( spread)运算符(...) (1)解决参数个数 ...
- fireDAC oracle
copy 4 files to D:\oracleapp\Administrator\product\11.2.0\client_1\BIN setup win 64 bit client .down ...
- c++builder 字节 编码 转换大全 String TBytes byte
System.SysUtils System::DynamicArray<System::WideChar> TCharArray System::TArray__1<System: ...
- 下拉菜单的实现classList.add() classList.remove() class属性的添加和删除
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Direcshow之视频捕捉<转>
关于视频捕捉(About Video Capture in Dshow) 1. 视频捕捉Graph的构建 一个能够捕捉音频或者视频的graph图都称之为捕捉graph图.捕捉graph图比一般的文件回 ...
- open()打开文件失败对应的各种错误码
open()打开文件失败错误码: 获取错误信息实例: HANDLE hFile = ; hFile = open(“c:\test.txt”, O_RDWR, S_IRWXU|S_IRWXG|S_IR ...
- Memcpy, blockcopy的进一步理解
using System; using System.Runtime.InteropServices; using System.IO; namespace tx { struct ST { publ ...
- ios的@property属性和@synthesize属性(转)
当你定义了一系列的变量时,需要写很多的getter和setter方法,而且它们的形式都是差不多的,,所以Xcode提供了@property 和@synthesize属性,@property用在 .h ...
- interrupt()方法的简单理解
interrupt() 方法只是改变中断状态而已,它不会中断一个正在运行的线程.这一方法实际完成的是,给受阻塞的线程发出一个中断信号,这样受阻线程就得以退出阻塞的状态.更确切的说,如果线程被Objec ...
- Django基础学习四_数据库的增删改查
今天主要学习两个东西 1.如何对数据库做增删改查 2.如果将数据库中的数据用html的方式返回到前台 一.对数据库中增删改查操作 1.首先需要先见表,见表的方法我们在“http://www.cnblo ...