bootstraptable 分页查询
1.前端配置
2.后台输出格式化数据
1.前端配置
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>SearchGoods</title>
<link href="~/Scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="~/Scripts/bootstrap/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap/js/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap/bootstrap-table/js/bootstrap-table.min.js"></script>
<script src="~/Scripts/bootstrap/bootstrap-table/js/bootstrap-table-zh-CN.js"></script>
<script src="~/Scripts/layer/layer.js"></script>
<style>
body {
font-size:12px;
padding:10px;
}
</style>
</head>
<body>
<input id="search" name="search_text" class="form-control" style="width:215px;" placeholder="输入后，按回车键搜索" type="text">
<table id="list"></table>
<script>
//项目类型
function ProjTypeFormatter(value, row, index) {
return row.GroupTypeName == null ? row.GoodsTypeName : "检验组合";
}
//项目名称
function ProjNameFormatter(value, row, index) {
return row.GroupName == null ? row.GoodsName : row.GroupName;
}
//库存
function stockFormatter(value, row, index) {
try {
var StockUnitName = row.StockUnitName;
var GoodsCount = row.GoodsCount;
var result = '';
if (row.NotIncludeIntoStock == 1 || row.Id > 0) {
result = '-';
} else {
result = GoodsCount + StockUnitName;
}
return ' <span>' + result + '</span>';
} catch (e) {
return ' <span>0</span>';
}
}
//单价区间显示
function PriceFormatter(value, row, index) {
var price = row.MinSalePrice + "~" + row.MaxSalePrice;
if(parseFloat(row.MinSalePrice) == parseFloat(row.MinSalePrice)) {
price = row.MinSalePrice;
}
var SaleUnitName = row.SaleUnitName;
var result = price + '/' + SaleUnitName;
return row.Id > 0 ? '-' : ' <span>' + result + '</span>';
}
//添加操作
function operationFormatter(value, row, index) {
var price = row.MinSalePrice + "~" + row.MaxSalePrice;
return '<a class="glyphicon glyphicon-plus" href="javascript:void(0)" title="添加"></a> ';
}
var $table;
var rows = 10;
var queryUrl = '/Base/GetGoodListCreateHis';
var isCheck = '@ViewData["isCheck"]'; //1检查化验 0处置处方
var typeIds = '@ViewData["typeIds"]'; //商品类型id, 例如：5,9,10,11,12,54,55
var keyWord = '@ViewData["keyWord"]'; //关键字，例如：基础检查 | jcjc
$table = $("#list").bootstrapTable({
url: queryUrl,
cache: false, // 不缓存
sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
pagination: true, // 开启分页功能
pageNumber: 1, //第一页开始
pageSize: rows, // 设置默认分页为 10
//search: false, // 开启搜索功能
//searchOnEnterKey: true, //设置为 true时，按回车触发搜索方法，否则自动触发搜索方法。
//searchText: "", //初始化搜索文字
toolbar: '#search',
toolbarAlign: 'right',
queryParams: function (params) {
var temp = {
rows: params.limit, //页面大小
page: (params.offset / params.limit) + 1, //页码
typeIds: typeIds,
keyWord: keyWord,
isCheck: isCheck
//sort: params.sort, //排序列名
//sortOrder: params.order //排位命令（desc，asc）
};
return temp; //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
},
columns: [
{
title: '项目类型',
sortable: true,
align: 'center',
valign: 'middle',
formatter: ProjTypeFormatter
},
{
title: '项目名称',
align: 'center',
valign: 'middle',
formatter: ProjNameFormatter
},
{
title: '库存',
field: 'GoodsCount',
align: 'center',
valign: 'middle',
formatter: stockFormatter
},
{
title: '单价',
sortable: true,
field: 'MinSalePrice',
align: 'center',
valign: 'middle',
formatter: PriceFormatter,
},
{
title: '操作',
align: 'center',
valign: 'middle',
formatter: operationFormatter,
}
],
onLoadSuccess: function (data) {
},
onClickRow: function (row) {
//检查化验
if (isCheck == '1') {
parent.addGoods(row);
parent.getTotal();
parent.layer.close(parent.layer.getFrameIndex(window.name));
} else {
//处置处方
parent.addItem(row);
parent.layer.close(parent.layer.getFrameIndex(window.name));
}
},
onSearch: function (text) {
console.log(text)
}
});
$("#search").keyup(function (event) {
var searchText = $(this).val();
var param = $("#list").bootstrapTable('getOptions');
param.queryParams = function (params) {
var temp = {
rows: params.limit, //页面大小
page: (params.offset / params.limit) + 1, //页码
//typeIds: typeIds,
keyWord: searchText,
isCheck: isCheck
//sort: params.sort, //排序列名
//sortOrder: params.order //排位命令（desc，asc）
};
return temp; //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
}
if (event.keyCode == 13) {
$("#list").bootstrapTable("refresh");
}
})
</script>
</body>
</html>
2.后台输出格式化数据
#region 查询参数
int pageSize = 10; //默认每页10条
int pageNumber = 1; //默认查询第一页
string keyWord = string.Empty; //搜索关键字
string typeIds = string.Empty; //商品类型id,例如：5,9,10,11,12,54,55
string isCheck = string.Empty; //1检查化验 0处置处方
if (Request.QueryString["rows"] != null)
{
pageSize = int.Parse(Request.QueryString["rows"]);
}
if (Request.QueryString["page"] != null)
{
pageNumber = int.Parse(Request.QueryString["page"]);
}
if (Request.QueryString["keyWord"] != null)
{
keyWord = Request.QueryString["keyWord"];
}
if (Request.QueryString["typeIds"] != null)
{
typeIds = Request.QueryString["typeIds"];
}
if (Request.QueryString["isCheck"] != null)
{
isCheck = Request.QueryString["isCheck"];
}
#endregion
#region 查询结果
string sqlCount = @"SELECT count(1)
FROM goods AS g
INNER JOIN goodstype AS gt ON gt.Id = g.TypeId
INNER JOIN pethospitalgoods AS p ON p.ArticleNum = g.ArticleNumber ";
string sqlData = @"SELECT g.JoinDiscount,g.ArticleNumber,g.GoodsName,g.TypeId AS GoodsType,gt.GoodsTypeName,
g.ShortSpell,g.Specification,g.UnitGroup,p.Stock AS GoodsCount,p.StockUnitId,g.NotIncludeIntoStock,
p.MinSalePrice,p.MaxSalePrice,g.RecipeUnit,g.SaleUnit FROM goods AS g
INNER JOIN goodstype AS gt ON gt.Id = g.TypeId
INNER JOIN pethospitalgoods AS p ON p.ArticleNum = g.ArticleNumber ";
//查询条件
string whereStr = @" WHERE g.GoodsStatus in(1,3,4) AND p.DeptId=" + userinfo.DeptId;
//商品类型搜索
if(typeIds.Length >0)
{
whereStr += " AND gt.`Id` IN(" + typeIds + ")";
}
else
{
//关键字搜索
//检查化验所有商品id
GoodsForOperator gfo = new GoodsForOperator();
List<GoodsType> checkTypeItem = new List<GoodsType>();
List<int> checkIDList = new List<int>();
checkTypeItem = gfo.GetGoodsType(1);
checkIDList = checkTypeItem.Select(x => x.Id).ToList();
//耗材处置处方所有的商品类型
var findic = gfo.GetGoodsTypeDisposalManagement();
var czhccfIDList = GetChildList(findic).Select(x => x.Id);
whereStr += " AND gt.`Id` IN(" + (isCheck == "1" ? string.Join(",", checkIDList) : string.Join(",", czhccfIDList)) + ")";
if(keyWord.Length > 0)
{
whereStr += " AND (g.`GoodsName` LIKE '%" + keyWord + "%' or g.ShortSpell like '%" + keyWord + "%')";
}
}
string orderStr = " ORDER BY g.NotIncludeIntoStock,p.Stock DESC"; //排序
string pageStr = " LIMIT " + ((pageNumber - 1) * pageSize) + "," + pageSize; //分页
sqlCount += whereStr;
int total = DbContext.Database.SqlQuery<int>(sqlCount, new object() { }).FirstOrDefault(); //总记录数
var sql = (sqlData + whereStr + orderStr + pageStr);
List<GetMedicalGroup> list = DbContext.Database.SqlQuery<GetMedicalGroup>(sql, new object() { }).ToList(); //当前页数据
if (total > 0 && list.Count == 0)
{
pageStr = " LIMIT 0," + pageSize; //分页
sql = (sqlData + whereStr + orderStr + pageStr);
list = DbContext.Database.SqlQuery<GetMedicalGroup>(sql, new object() { }).ToList(); //当前页数据
}
#endregion
#region 处理结果
if (list.Count > 0)
{
var unitList = DbContext.Unit.ToList(); //单位
//检查化验
if (isCheck == "1")
{
for (int i = 0; i < list.Count; i++)
{
//销售单位
var findSale = unitList.FirstOrDefault(x => x.Id == list[i].SaleUnit);
list[i].SaleUnitName = findSale?.Name;
list[i].StockUnitId = list[i].SaleUnit;
list[i].StockUnitName = findSale?.Name;
//处方单位
var findRecipe = unitList.FirstOrDefault(x => x.Id == list[i].RecipeUnit);
list[i].RecipeUnitName = findRecipe?.Name;
}
}
else //处置耗材处方
{
List<int> listHC = new List<int>();
List<int> listCZ = new List<int>();
List<int> listCF = new List<int>();
GoodsForOperator gfo = new GoodsForOperator();
listHC = gfo.GetGoodsType(2).Select(x => x.Id).ToList(); //耗材
listCZ = gfo.GetGoodsType(3).Select(x => x.Id).ToList(); //处置
listCF = gfo.GetGoodsType(4).Select(x => x.Id).ToList(); //处方
List<GetMedicalGroup> good = new List<GetMedicalGroup>();
for (int i = 0; i < list.Count; i++)
{
//销售单位
var findSale = unitList.FirstOrDefault(x => x.Id == list[i].SaleUnit);
list[i].SaleUnitName = findSale?.Name;
list[i].StockUnitId = list[i].SaleUnit;
list[i].StockUnitName = findSale?.Name;
//处方单位
var findRecipe = unitList.FirstOrDefault(x => x.Id == list[i].RecipeUnit);
list[i].RecipeUnitName = findRecipe?.Name;
if (listCF.Exists(x => x == list[i].GoodsType))
{
list[i].Type = 1; //处方
good.Add(list[i]);
}
else if (listHC.Exists(x => x == list[i].GoodsType))
{
list[i].Type = 2; //耗材
good.Add(list[i]);
}
else if (listCZ.Exists(x => x == list[i].GoodsType))
{
list[i].Type = 0;//处置
good.Add(list[i]);
}
}
list = list.OrderBy(x=>x.Type).ToList();
}
}
var obj = new { total = total, rows = list };
return JsonConvert.SerializeObject(obj);
#endregion
}
catch (Exception ex)
{
LogInfo.Error("Base->SearchGoodsByTypeId", "分页查询商品列表失败，错误信息：" + ex.Message, "", userinfo.Id);
var obj = new { total = 0, rows = new object() { } };
return JsonConvert.SerializeObject(obj);
}
bootstraptable 分页查询的更多相关文章
- bootstrap-table 分页增删改查之一（分页）
记录一下 bootstrap-table插件的使用 先看下效果图 首先是导入js <!--js jquery --> <script type="text/javascri ...
- JdbcTemplate+PageImpl实现多表分页查询
一.基础实体 @MappedSuperclass public abstract class AbsIdEntity implements Serializable { private static ...
- 用Hibernate和Struts2+jsp实现分页查询、修改删除
1.首先用get的方法传递一个页数过去 2.通过Struts2跳转到Action 3.通过request接受主页面index传过的页数,此时页数是1, 然后调用service层的方法获取DAO层分页查 ...
- MySQL、Oracle和SQL Server的分页查询语句
假设当前是第PageNo页,每页有PageSize条记录,现在分别用Mysql.Oracle和SQL Server分页查询student表. 1.Mysql的分页查询: SELECT * FROM s ...
- 分页查询和分页缓存查询，List<Map<String, Object>>遍历和Map遍历
分页查询 String sql = "返回所有符合条件记录的待分页SQL语句"; int start = (page - 1) * limit + 1; int end = pag ...
- bootstrap-table分页第二篇 延续上一篇的
这个是service/** * 返回记录数 * @return */ public Integer getPageTotal(Integer userid); //service的实现类 public ...
- mysql 分页查询
mysql,; : mysql,; -last. //如果只给定一个参数,它表示返回最大的记录行数目: mysql; 个记录行 ,n. 动态传参的分页查询 SELECT * FROM table LI ...
- MongoDB 分页查询的方法及性能
最近有点忙,本来有好多东西可以总结,Redis系列其实还应该有四.五.六...不过<Redis in Action>还没读完,等读完再来总结,不然太水,对不起读者. 自从上次Redis之后 ...
- .NET平台开源项目速览(7)关于NoSQL数据库LiteDB的分页查询解决过程
在文章:这些.NET开源项目你知道吗?让.NET开源来得更加猛烈些吧!(第二辑) 与 .NET平台开源项目速览(3)小巧轻量级NoSQL文件数据库LiteDB中,介绍了LiteDB的基本使用情况以及部 ...
随机推荐
- react 的双向数据绑定
学习过angular和vue的人都知道,它俩在实现双向数据绑定都是有一个专门的内置指令ngModel和v-model 但是在react中没有这些. 所以我们在react中想要实现双向数据绑定要调用一个 ...
- Windows服务System权限下在当前用户桌面创建快捷方式C#实例程序
Windows服务一般运行在System权限下,这样权限比较高,方便执行一些高权限的操作. 但是,Environment.GetFolderPath等函数获取的也是System用户下的,而不是当前用户 ...
- 章节二、2-String 引用数据类型-字符串类
一.创建String(字符串对象)的两种方式 1.String str1 = "nihao"("nihao"值存储在常量值中) 2.String str2 = ...
- Charles 抓包手机app
最近在测为移动端提供的API, 使用mac系统, 发现fiddler在mac下无法使用, 不知道其他朋友是否遇见过, 只能找替代工具. 先去百度上搜索下载Charles 破解版, 选择Charles是 ...
- 洗礼灵魂，修炼python（90）-- 知识拾遗篇 —— 协程
协程 1.定义 协程,顾名思义,程序协商着运行,并非像线程那样争抢着运行.协程又叫微线程,一种用户态轻量级线程.协程就是一个单线程(一个脚本运行的都是单线程) 协程拥有自己的寄存器上下文和栈.协程调度 ...
- 洗礼灵魂，修炼python（69）--爬虫篇—番外篇之feedparser模块
feedparser模块 1.简介 feedparser是一个Python的Feed解析库,可以处理RSS ,CDF,Atom .使用它我们可从任何 RSS 或 Atom 订阅源得到标题.链接和文章的 ...
- c复杂函数指针
函数指针,函数的返回值是数组 int *(*(*fun)(int* a, int* b))[]; 上面的代码是声明一个函数指针,这个函数有2个int指针参数,返回值是指针,指向的是数组,数组里放的是i ...
- Windows 远程桌面剪贴板失效的处理办法
解决方法: 1.在任务管理器里选择rdpclip.exe进程,结束进程: 2.任务管理器左上角,文件-运行新任务,输入rdpclip.exe,确定运行即可.
- Linux 忘记登录密码？破解系统登陆密码
1.重启或者开启系统,在如下界面按e 进入救援系统: 2.在linux16 这一行末尾输入:rd.break,以rd.break 的方法重置密码 3.分别执行以下命令 mount -o remount ...
- 简述openstack
大家好,我顾某人又回来了,开学第一更.... 以下内容均为个人理解和整理,有不对的地方还望dalao指正..... 本文所用图片均已标明来源. openstack是什么? OpenStack是一个开源 ...