87,993
社区成员
发帖
与我相关
我的任务
分享 //1.初始化Table
var oTable = new TableInit();
oTable.Init();
var TableInit = function () {
var oTableInit = new Object();
//初始化Table
oTableInit.Init = function () {
$('#tb_roles').bootstrapTable({
url: '/CheckboxDemo/GetDepartment',
method: 'get',
toolbar: '#toolbar',
striped: true,
cache: false,
striped: true,
pagination: true,
sortable: true,
queryParams: oTableInit.queryParams,
queryParamsType: "limit",
detailView: false,//父子表
sidePagination: "server",
pageSize: 10,
pageList: [10, 25, 50, 100],
search: true,
showColumns: true,
showRefresh: true,
minimumCountColumns: 2,
clickToSelect: true,
//注册加载子表的事件。注意下这里的三个参数!
onExpandRow: function (index, row, $detail) {
oTableInit.InitSubTable(index, row, $detail);
},
columns: [{
checkbox: true
}, {
field: 'ID',
title: 'ID'
}, {
field: 'UnitId',
title: '部门ID'
}, {
field: 'UnitName',
title: '部门名称'
},
{
field: 'operate',
title: '操作',
formatter: operateFormatter //自定义方法,添加操作按钮
},
],
});
};
//得到查询的参数
oTableInit.queryParams = function (params) {
debugger
var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
limit: params.limit, //页面大小
offset: params.offset, //页码
//查询参数传递给后台
departmentname: $("#txt_search_departmentname").val(),
status: $("#txt_search_status").val(),
filter: params.filter,
search: params.search
};
return temp;
};
function operateFormatter(value, row, index) {//赋予的参数
return [
'<a class="btn active" href="#">编辑</a>',
'<a class="btn active" href="#">档案</a>',
'<a class="btn btn-default" href="#">记录</a>',
'<a class="btn active" href="#">准入</a>'
].join('');
}
return oTableInit;
};