<强>首先初始化页面
$(函数(){
$ (' # archives-table ') .bootstrapTable ({
url:“coinSend/列表”,//数据源
dataField: "行",//服务端返回数据键值就是说记录放的键值是行,分页时使用总记录数的键值为
搜索:真的,//是否搜索
缓存:假的,
条纹:没错,
分页:真的,//是否分页
可分类的:真的,//是否启用排序
排序方式:“asc//排序方式//pageNumber: 1、
页大小:10//单页记录数
pageList: 5、10、20、50,//分页步进值
sidePagination:“服务器”,//服务端分页
contentType:“application/json//请求数据内容格式默认是application/json自己根据格式自行服务端处理
数据类型:“json//期待返回数据类型
方法:“文章”,//请求方式
searchAlign:“左”,//查询框对齐方式
沉默:没错,
queryParamsType:“限制”,//查询参数组织方式
queryParams:函数getParams (params) {
var参数={
pageNum: params.pageNumber,
页大小:params.pageSize,
realName: params.search
};
返回参数;
},
responseHandler:函数(res) {
返回{
“总”:res.total,//总页数
“行”:res.rows//数据
};
},
searchOnEnterKey:假的,//回车搜索
showRefresh:真的,//刷新按钮
showColumns:真的,//列选择按钮
buttonsAlign:“左”,//按钮对齐方式
工具栏:“# userToolbarsendCoin ",//指定工具栏
toolbarAlign:“正确的”,//工具栏对齐方式
列:[/* {
标题:“全选”,
:“选择”,
复选框:没错,//宽宽度:20日度
对齐:“中心”,//水平
valign:“中产”//垂直
} */{
标题:" ID ",//标题
领域:" id ",//键名
可分类的:真的,//是否可排序
秩序:“desc”//默认排序方式
},
{
:“userInfo.userName”,
标题:“用户名”,
可分类的:真的,
titleTooltip:“这是名称”
},/*
{
:“userInfo.id”,
标题:“userInfo.id”,
}*/,
{
:“userInfo.realName”,
标题:“真实姓名”,
可分类的:真的,
},
{
:“userInfo.department”,
标题:“所属部门”,
可分类的:真的,
}，{
:“coinName”,
标题:“类型”,
可分类的:真的,
},
{
:“量”,
标题:“数量”,
可分类的:真的,
分选机:numSort
},
{
:“validDateStart”,
标题:“有效期起”,
可分类的:真的,//薷?获取日期列的值进行转换
格式化程序:功能(价值,行,指数){
var时间=new日期(价值);
var y=time.getFullYear();//年
var m=time.getMonth() + 1;//月
var d=time.getDate();//日
返回y +“-”+ m +“-”+ d
}
},
{
:“validDateEnd”,
标题:“有效期止”,
可分类的:真的,//薷?获取日期列的值进行转换
格式化程序:功能(价值,行,指数){
var时间=new日期(价值);
var y=time.getFullYear();//年
var m=time.getMonth() + 1;//月
var d=time.getDate();//日
返回y +“-”+ m +“-”+ d}
}
，
{
:“userInfo.id”,
标题:“操作列”,
格式化程序:函数(价值、行rowIndex) {
var userId=row.userInfo.id;
var=row.amount数量;
var validDateStart=row.validDateStart;
var validDateEnd=row.validDateEnd;
var realName=row.userInfo.realName;
console.log (userId);
console.log (realName);
console.log(量);console.log (validDateStart); console.log (validDateEnd);
如果(userId !=null) {
返回的,,,,,,,,,,,,”+“& lt; class=" btn btn-info " href=" javascript:无效(0)”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”比;& lt;我class=" icon-edit icon-white”祝辞& lt;/i>分配& lt;/a>“+”,,,,,,,,,,,,/* +
& lt;一个类=" btn btn-info " href=" javascript:无效(0)”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”比;& lt;我class=" icon-edit icon-white”祝辞& lt;/i>编辑& lt;/a>‘*/;
其他}{
返回“& lt;一个类=" btn btn-info " href=" javascript:无效(0)”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”比;& lt;我class=" icon-edit icon-white”祝辞& lt;/i>分配& lt;/a>”;
}
}
}
),>
& lt; div class=" ibox float-e-margins”比;
& lt; div类=癷box-title”比;
& lt; h6>员工列表& lt;/h6>
& lt; div类=癷box-tools”比;
& lt;一个类=癱ollapse-link”比;
& lt;我类=" fa fa-chevron-up "祝辞& lt;/i>
& lt;/a>
& lt;/div>
& lt;/div>
& lt; div类=癷box-content”比;
& lt; div class=" ibox float-e-margins”比;
& lt;表id=癮rchives-table”类=氨韙able-hover”比;
& lt;/table>
& lt;/div>
& lt;/div>
& lt;/div>
