<link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" > <link rel="stylesheet" href="bootstrap-table.css" rel="external nofollow" > <script src="jquery.min.js"></script> <script src="bootstrap.min.js"></script> <script src="bootstrap-table.js"></script> <-- 本地化js --> <script src="bootstrap-table-zh-CN.js"></script>
$("#gridList").bootstrapTable({
url:'/user/getUserList',//url获取数据
method:'get',//方法
cache:false,//缓存
pagination:true,//分页
sidePagination:'client',//指定在前端客户端分页
pageNumber:1,//页号
pageSize:10,//页面数据条数
pageList:[10,20,30,40,50],//分页列表
uniqueId:'_id',//唯一id
toolbar:'#toolbar',//工具栏
showColumns:true,//显示选择列
showRefresh:true,//显示刷新按钮
showToggle:true,//显示切换视图:列表和详情视图切换
search:true,//显示搜索框
columns:[
{checkbox:true},
{field:'user_no',title:'用户编码',width:'10%'},
{field:'user_name',title:'用户姓名',width:'20%'
},
{field:'user_sex',title:'用户性别',width:'8%',align:'center',
formatter:function(value,row,index){
if(value == '1'){
return '男';
}else{
return '女';
}
}},
{field:'user_account',title:'登录账号',width:'10%'},
{field:'user_role',title:'所属角色',width:'10%'},
{field:'user_sys',title:'所属系统',width:'10%'},
{field:'create_time',title:'创建时间',width:'20%',
formatter:function(value,row,index){
return dateTimeFormatter(value,'yyyy-MM-dd hh:mm:ss');
}
}
]
});
/******user_route.js*********/
/**
* 获取用户列表
*/
router.get('/getUserList',function(req,res){
userServices.getUserList(req,res,function(err,users){
if(err){
res.send({success:false,msg:err,data:null});
}else{
res.send({'success':true,'msg':"获取用户列表成功",'total':users.length,'data':users});
}
});
});
/*******user_services.js********/
/**
* 获取用户列表
* @param req
* @param res
* @param callback
*/
exports.getUserList = function(req,res,callback){
userModel.$user.find(function(err,users){
if(err){
callback('获取用户列表失败!',null);
}else{
callback(null,users);
}
})
}
$("#gridList").bootstrapTable({
url:'/user/getUserListPagination',//设置后台分页,必须设置URL获取数据,或是重写ajax方法
method:'get',
cache:false,
pagination:true,
sidePagination:'server',//设置为后台服务器分页
pageNumber:1,
pageSize:10,
pageList:[10,20,30,40,50],
queryParamsType:'',//请求参数类型,默认为`limit`,使用默认值不会向后台出入分页所需的页号,页数据数等必须值,所以需要设置为空串
queryParams:function(params){//向后台传输参数。params为bootstrap-table的options.
var param = {
page:params.pageNumber,//获取页号
size:params.pageSize//获取页面数据量大小
}
return param;
},
uniqueId:'_id',
toolbar:'#toolbar',
showColumns:true,
showRefresh:true,
showToggle:true,
search:true,
columns:[
{checkbox:true},
{field:'user_no',title:'用户编码',width:'10%'},
{field:'user_name',title:'用户姓名',width:'20%'
},
{field:'user_sex',title:'用户性别',width:'8%',align:'center',
formatter:function(value,row,index){
if(value == '1'){
return '男';
}else{
return '女';
}
}},
{field:'user_account',title:'登录账号',width:'10%'},
{field:'user_role',title:'所属角色',width:'10%'},
{field:'user_sys',title:'所属系统',width:'10%'},
{field:'create_time',title:'创建时间',width:'20%',
formatter:function(value,row,index){
return dateTimeFormatter(value,'yyyy-MM-dd hh:mm:ss');
}
}
]
});
/********user_route.js*******/
/**
* 后台分页获取数据列表
*/
router.get('/getUserListPagination',function(req,res){
var queryParams = req.query;
var params= {
page:queryParams.page,
size:queryParams.size
};
userServices.getUserListPagination(params,function(err,users){//根据分页条件查询数据条数
if(err){
res.send({success:false,msg:err,data:null});
}else{
userServices.getUserList(req,res,function(err,allUsers){//查询所有数据总条数
if(err){
res.send({success:false,msg:err,data:null});
}else{
res.send({'success':true,'msg':"获取用户列表成功",'total':allUsers.length,'rows':users});
}
});
}
});
});
/**********user_services.js********/
/**
* 分页查询
* @param params
* @param callback
*/
exports.getUserListPagination = function(params,callback){
var index = (params.page-1)*params.size;//设置分页起点下标
var size = parseInt(params.size);
//设置分页条件
var query = userModel.$user.find({});
query.limit(size);//条数
query.skip(index);//下标
//执行查询
query.exec(function(err,users){
callback(err,users);
});
}
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有