rush:js;">
//根据窗口调整表格高度
$(window).resize(function() {
$('#mytab').bootstrapTable('resetView',{
height: tableHeight()
})
})
//
生成用户数据
$('#mytab').bootstrapTable({
method: 'post',contentType: "application/x-www-form-urlencoded",//必须要有！！！！
url:"../index.
PHP/admin/index/userManagement",//要请求数据的
文件路径
height:tableHeight(),//高度调整
toolbar: '#toolbar',//指定工具栏
striped: true,//是否
显示行间隔色
datafield: "res",//bootstrap table 可以前端
分页也可以后端
分页，这里
//我们使用的是后端
分页，后端
分页时需返回含有total：总记录数,这个键值好像是固定的
//rows： 记录集合 键值可以
修改 datafield 自己定义成自己想要的就好
pageNumber: 1,//初始化加载第一页，
默认第一页
pagination:true,//是否
分页
queryP
aramsType:'limit',//
查询参数组织方式
queryP
arams:queryP
arams,//请求服务器时所传的参数
sidePagination:'server',//指定服务器端
分页
pageSize:10,//单页记录数
Pagelist:[5,10,20,30],//
分页步进值
showRefresh:true,//刷新按钮
showColumns:true,clickToSelect: true,//是否启用点击选中行
toolb
aralign:'right',工具栏对齐方式
buttonsAlign:'right',//按钮对齐方式
toolbar:'#toolbar',//指定工作栏
columns:[
{
title:'全选',field:'select',//复选框
check
Box:true,width:25,align:'center',valign:'middle'
},{
title:'ID',field:'ID',visible:false
},{
title:'
登录名',field:'LoginName',sortable:true
},{
title:'姓名',field:'Name',{
title:'手机号',field:'Tel',},{
title:'邮箱',field:'Email'
},{
title:'
注册日期',field:'CreateTime',{
title:'状态',field:'Attribute',//列数据格式化
formatter:operateFormatter
}
],locale:'zh-CN',//
中文支持,responseHandler:function(res){
//在ajax
获取到数据，渲染表格之前，
修改数据源
return res;
}
})
//三个参数，value代表该列的值
function operateFormatter(value,row,index){
if(value==2){
return '
'
}else if(value==1){
return ''
}else{
return '数据错误'
}
}
//请求服务数据时所传参数
function queryParams(params){
return{
//每页多少条数据
pageSize: params.limit,//请求第几页
pageIndex:params.pageNumber,Name:$('#search_name').val(),Tel:$('#search_tel').val()
}
}
//查询按钮事件
$('#search_btn').click(function(){
$('#mytab').bootstrapTable('refresh',{url: '../index.PHP/admin/index/userManagement'});
})
//tableHeight函数
function tableHeight(){
//可以根据自己页面情况进行调整
return $(window).height() -280;
}
