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的基本使用情况以及部 ...
随机推荐
- BZOJ2199: [Usaco2011 Jan]奶牛议会(2-SAT)
Time Limit: 10 Sec Memory Limit: 259 MBSubmit: 559 Solved: 360[Submit][Status][Discuss] Descriptio ...
- 洛谷P4578 [FJOI2018]所罗门王的宝藏(dfs)
题意 题目链接 Sol 对于每个询问\(x, y, c\) 从在\((x, y)\)之间连一条边权为\(c\)的双向边,然后就是解\(K\)个二元方程. 随便带个数进去找找环就行了 #include& ...
- spring Boot 出现：org.springframework.context.ApplicationContextException: Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactory bean.
org.springframework.context.ApplicationContextException: Unable to start ServletWebServerApplication ...
- Python minidom模块(DOM写入和解析XML)
一.DOM写XML文件 #导入minidom from xml.dom import minidom # 1.创建DOM树对象 dom=minidom.Document() # 2.创建根节点.每次都 ...
- ERROR 1050 (42S01): Table xxx already exists
今天遇到一个关于MySQL求助的问题,修改表结构时遇到"ERROR 1050 (42S01): table xxx already exits" mysql> ALTER ...
- ajax参数
$.ajax({ type: "GET", url: "Login.ashx", dataType: "text", cache: fals ...
- 洗礼灵魂，修炼python（71）--爬虫篇—【转载】xpath/lxml模块，爬虫精髓讲解
Xpath,lxml模块用法 转载的原因和前面的一样,我写的没别人写的好,所以我也不浪费时间了,直接转载这位崔庆才大佬的 原帖链接:传送门 以下为转载内容: --------------------- ...
- UICollectionView 基础
在iOS开发中经常会用到UICollectionView,和UITableView同样即成UIScrollView 但是操作起来比UITableVIew要麻烦一些 ,有些地方需要注意,一下是UICol ...
- Spring Cloud Config 配置属性覆盖优先级。
/** * Flag to indicate that the external properties should override system properties. * Default tru ...
- python shell与反弹shell
python shell与反弹shell 正常shell需要先在攻击端开机情况下开启程序,然后攻击端运行程序,才能连接 反弹shell,攻击端是服务端,被攻击端是客户端正常shell,攻击端是客户端, ...