隐藏: visible: false,
显示:visible: true,
visible属性没有true或者false,是visible,invisible和gone。
visible:可见的;
invisible:不可见,但占空间;
gone:不可见,也不占空间,控件从布局上消失了。
/**
*定义前端js脚本类
*@author
*@since
*/
var toDo = function () {}
/**
*类方法定义
*/
toDo.prototype = {
$table: $("#toDoListTable"),
queryUrl: "toDoListQuery.jssp?open",
toDo: function () { //构造方法
},
show: function () { //用于页面解析绑定类的入口方法
/**
* this.srcElement 为当前对象 this.docWidget 为当前对象定义的_json数据
*/
},
init: function () {
//传的参数为offset从第几条开始,limit就是一页显示多少条
//访问url,返回的data的格式:{"total":"17","rows":[{"id":null,"defName":"公司发文"},{"id":null,"defName":"公司收文"}]}
var ssd = $("#SF_fileType").val()=="收文";
var b = false;
var d = true;
var _state = $("#taskStates").val().split(",")[0];
if (_state == "2") {
b = true;
d = false;
}
//获取templateId对应的文中类型。如果有必要可以放入session缓存。
var docTypes = JSON.parse(this.get("type.jssp"));
$_tableBoot = this.$table.bootstrapTable({
onLoadSuccess: function () { //加载成功时执行
},
url: this.queryUrl,
sidePagination: "server", //服务端设置分页
//totalRows:19, //总条数,当sidePagination为server时填写,不为server时,这个值等于data的长度;也可以根据url访问的数据回来的对象data中的total
pageSize: 15, //一页显示多少条
pagination: true, //可以进行分页
clickToSelect: true,
pageList: [15], //可以进行的分页条数选择
cache: false,
queryParams: this.queryParams,
columns: [{
field: 'applyTitle',
title: '标题',
width: '30%',
formatter: function (value, row, index) {
var valueShow = "";
if (value && value != "") {
//valueShow = value.length > 14 ? (value.substring(0, 13) + "...") : value;
valueShow = value;
} else {
// value = "无标题"
value = "";
valueShow = value;
}
return '<a class="stLink" οnclick="toDoObj.applyTitleFun(this)" title="' + value + '" href="javascript:void(0)" piid="' + row.piid + '" tiid="' + row.tiid + '">' + valueShow + '</a>';
}
},
{
field: 'templateId',
title: '类别(文种)',
width: '20%',
formatter: function (value, row, index) {
return docTypes[value];
}
},
{
//visible: (_state == "10" ? false : true),
visible: ssd,
field: 'nodeName',
title: b ? '处理状态' : '当前状态',
width: '20%',
formatter: function (value, row, index) {
var val = "";
if (value != undefined)
val = value;
return val;
}
}, {
visible: b,
field: 'nodeId',
title: '当前状态',
width: '20%',
formatter: function (value, row, index) {
if (b) {
var userId = "【docUser.userId】";
var url = "state.jssp?piid=" + row.piid + "&state=" + row.state + "&userId=" + userId;
var name = wish.get(url).trim();
if (row.applyTitle == undefined)
name = "";
return name;
}
return value;
}
}, {
visible: b,
field: 'owner',
title: '处理人',
width: '10%',
formatter: function (value, row, index) {
if (b) {
var url = "dealer.jssp?piid=" + row.piid + "&state=" + row.state;
var name = wish.get(url).trim();
return name;
}
return value;
}
}, {
visible: ssd,
field: 'sendDeptName',
title: '来文单位',
width: '15%',
formatter: function (value, row, index) {
if(ssd && row.piid) {
var url = "sendDept.jssp?open&piid=" + row.piid;
var name = wish.get(url).trim();
return name;
}
return value;
}
}, {
field: 'createTime',
title: '到达时间',
width: '20%',
formatter: this.dealWithDate
}, {
visible: d,
field: 'priority',
title: '紧急度',
width: '10%',
formatter: function (value, row, index) {
if (value == 1) {
var yb = "普通"
return yb;
} else if (value == 2) {
var jj = "急"
return jj;
} else if (value == 3) {
var tj = "特急"
return tj;
} else {
//var ybb = "普通";
var ybb = "";
return ybb;
}
}
}
]
});
// var formulaCode = uniflow.getFileTypeConf("qfw").get("serNumConf");
},
/**
* 查询所调用的参数
* @param params
* @returns {{defId: (*|jQuery), start: *, length: *}}
*/
queryParams: function (params) {
var temp = {
subject: $("#subject").val(),
taskStates: $("#taskStates").val(),
SF_fileType: $("#SF_fileType").val(),
start: params.offset + 1,
length: params.limit
}
//alert(JSON.stringify(temp))
return temp;
},
/**
* 点击查询按钮调用的方法
* @returns {boolean}
*/
selectToDoClick: function () {
var para = {
query: {
subject: $("#subject").val(),
taskStates: $("#taskStates").val(),
SF_fileType: $("#SF_fileType").val(),
start: 1,
length: 15
},
silent: true,
//url : this.processQueryUrl
};
this.$table.bootstrapTable('refresh', para);
return false;
},
applyTitleFun: function (ths) {
var task = $.create("wrdp.uniflowApp.Task");
var piid = $(ths).attr("piid");
var tiid = $(ths).attr("tiid");
//task.open({piid:piid,tiid:tiid,appSystem:$("#systemName").val()});
task.open({
piid: piid,
tiid: tiid
});
},
dealWithDate: function (value, row, index) {
var format = function (time, format) {
var t = new Date(time);
var tf = function (i) {
return (i < 10 ? '0' : '') + i
};
return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
switch (a) {
case 'yyyy':
return tf(t.getFullYear());
break;
case 'MM':
return tf(t.getMonth() + 1);
break;
case 'mm':
return tf(t.getMinutes());
break;
case 'dd':
return tf(t.getDate());
break;
case 'HH':
return tf(t.getHours());
break;
case 'ss':
return tf(t.getSeconds());
break;
};
});
};
if (value != undefined) {
var value = format(value, 'yyyy-MM-dd HH:mm:ss');
} else {
value = "";
}
return value;
}
}
- Bootstrap-table表格插件的使用方法
前言 上次写了一个可拖动列表的插件,但除了这个特点没什么优点了,接下写的是我们常用的Bootstrap-table表格插件 正文 官网:https://bootstrap-table.com/ 有两个 ...
- [转]javascript 快速隐藏/显示万行表格列的方法
原文地址:javascript 快速隐藏/显示万行表格列的方法 隐藏表格列,最常见的是如下方式: td.style.display = "none"; 这种方式的效率极低.例如,隐 ...
- 结合bootstrap fileinput插件和Bootstrap-table表格插件,实现文件上传、预览、提交的导入Excel数据操作流程
1.bootstrap-fileinpu的简单介绍 在前面的随笔,我介绍了Bootstrap-table表格插件的具体项目应用过程,本篇随笔介绍另外一个Bootstrap FieInput插件的使用, ...
- bootstrap-table表格插件的使用案例
近期刚刚结束一个项目,总结一下之前做的一个后台管理系统中用到的bootstrap-table表格插件,下面是我做的一个案例(展示主要代码部分): //请求服务数据时所传参数 function quer ...
- 【原】自定义UINavigationItem的两种方法以及相应的隐藏方法
第一种: UIImage *searchimage=[UIImage imageNamed:@"search.png"]; UIBarButtonItem *barbtn=[[[U ...
- 自定义UINavigationItem的两种方法以及相应的隐藏方法
第一种: UIImage *searchimage=[UIImage imageNamed:@"search.png"]; UIBarButtonItem *barbtn=[[[U ...
- C# 读书笔记之访问虚方法、重写方法和隐藏方法
C#允许派生类中的方法与基类中方法具有相同的签名:基类中使用关键字virtual定义虚方法:然后派生类中使用关键字override来重写方法,或使用关键字new来覆盖方法(隐藏方法). 重写方法用相同 ...
- css控制div显示/隐藏方法及2种方法比较原码 - czf164的专栏 - 博客频道 - CSDN.NET
body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...
- 在Bootstrap开发框架中使用bootstrapTable表格插件和jstree树形列表插件时候,对树列表条件和查询条件的处理
在我Boostrap框架中,很多地方需要使用bootstrapTable表格插件和jstree树形列表插件来共同构建一个比较常见的查询界面,bootstrapTable表格插件主要用来实现数据的分页和 ...
随机推荐
- shiro三连斩之概念
1, 什么是Shiro? Shiro是一个安全框架,用于解决系统的认证和授权问题,同时提供了会话管理,数据加密,与WEB集成,缓存等机制. Authentication:身份认证/登录,验证用户是不是 ...
- thread 多线程2
###24.04_多线程(多线程程序实现的方式1)(掌握) * 1.继承Thread * 定义类继承Thread * 重写run方法 * 把新线程要做的事写在run方法中 * 创建线程对象 * 开启新 ...
- python-day13(正式学习)
闭包函数 闭包 闭包:闭是封闭(函数内部函数),包是包含(该内部函数对外部作用域而非全局作用域的变量的引用).闭包指的是:函数内部函数对外部作用域而非全局作用域的引用. 额...这里提示一下闭包!=自 ...
- python中的元类介绍
类也是对象 在大多数编程语言中,类就是一组用来描述如何生成一个对象的代码段,在python中也是成立的. class ObjectCreator: pass my_object = ObjectCre ...
- Python 最常见的 170 道面试题全解析:2019 版
Python 最常见的 170 道面试题全解析:2019 版 引言 最近在刷面试题,所以需要看大量的 Python 相关的面试题,从大量的题目中总结了很多的知识,同时也对一些题目进行拓展了,但是在看了 ...
- spring boot 是如何利用jackson进行反序列化的?
以下面的代码为例: @RestController public class HelloController { @RequestMapping("/") public BillS ...
- doT学习(三)之实战
案例一: <html> <head> <script id="headertmpl" type="text/x-dot-template&q ...
- phpmyadmin导入大容量.sql文件
phpmyadmin导入大容量.sql文件 在phpmyadmin目录文件夹下建立一个文件夹,如importSqlFile 将想要导入的sql文件放入importSqlFile文件夹中 打开confi ...
- cx_Oracle 操作oracle数据库
cx_Oracle 操作oracle数据库 class MyOracle(): def __init__(self, host_name="ip", port=1521, sid= ...
- TensorFlow for python学习使用
一.TensorFlow简介 TensorFlow 是由 Google Brain 团队为深度神经网络(DNN)开发的功能强大的开源软件库.当前流行的深度学习框架,从中能够清楚地看到 TensorFl ...