bootstrap table 的searchParam参数传递
bootstrap table 的searchParam自定义参数传递
Bootstrap Table返回的数据为value 和 rows
Long total代表的是多少条(总数) List<T>rows是所有的数据(结果集) 这是在后台进行设置好返回到前台的
js源码:
function receiveList() {
debugger
$('#lingquTable').bootstrapTable({
method: 'post',
url: 'rentManage/getAllRent',
silent: true, //记忆排序选项?
cache: false,
pagination: true,//分页 当使用分页时必须设为true
height: window.bsTableHeight - 70,
contentType: 'application/x-www-form-urlencoded',
showHeader: true,//是否显示列头。
pageSize: 10, //每页的记录行数(*)
pageList: [10, 20, 30, 40], //可供选择的每页的行数(*)
showColumns: false,//是否显示内容列下拉框。
clickToSelect: true,//设置 true 将在点击行时,自动选择 rediobox 和 checkbox。?
sidePagination: 'server',//设置在哪里进行分页,可选值为 'client' 或者 'server'。设置 'server'时,必须设置服务器数据地址(url)或者重写ajax方法。
// sortable:true,
//sortName:'createTime',
//sortOrder: 'desc',//定义排序方式,'asc' 或者 'desc'。?哪个
queryParams: searchParam,
singleSelect: false
/* responseHandler: function (data) {//返回的数据可能有多层,Bootstrap不能够识别时使用这个转化一下数据
data = FastJson.format(data);//一个工具类可以自动将多层的数据转换为Bootstrap认识的格式
return data;
},*/
columns: [{ checkbox: true },
{ field: '',//字段名称 对应name属性
width: 70, title: "序号",//自定义列头名称
align: 'center',
formatter: function (value, row, index) {//当返回的数据是
return index + 1; } },}]
自定义参数向后台传参:
function searchParam(params) {
var params = { limit: params.limit, //每页多少条
offset: params.offset=2, //从第几条开始读(默认就好)
order: params.order,//排序方式
pageNum: params.pageNum,//当前页(开始页)
pageSize: params.pageSize,//每页的数量
sort: params.sort,//根据什么排序
searchGoodsName: $("#searchInput").val(),//自定义参数
createTime: $("#a_rent_start").val(),//自定义
};
return params;
}
controller: 用map接收 当使用实体接收参数时name属性的值和实体对上就可以了
@ResponseBody
@RequestMapping(value = "/getAllRent", method = RequestMethod.POST)
public AjaxResult getOutDateThing(@RequestParam Map map,PageUtil pageUtil) {//第几页,每页几条
OnlineUser user = SecurityUtil.getOnlineUser();
String toUserId = user.getId();//责任人id
try {
PageInfo pageInfo = rentManageService.getAllRent(pageUtil.getPageNum(), pageUtil.getPageSize(), map);
return sendAjaxResult(pageInfo);
} catch (Exception e) {
logger.error("获得领取物品失败", e);
return sendOperErrorAjaxResult("获得领取物品失败:" + e.getMessage());
}
}
bootstrap table 的searchParam参数传递的更多相关文章
- ABP module-zero +AdminLTE+Bootstrap Table+jQuery权限管理系统第十六节--SignalR与ABP框架Abp.Web.SignalR及扩展
SignalR简介 SignalR是什么? ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程.实时 Web 功能是指 ...
- ABP module-zero +AdminLTE+Bootstrap Table+jQuery权限管理系统第十四节--后台工作者HangFire与ABP框架Abp.Hangfire及扩展
返回总目录:ABP+AdminLTE+Bootstrap Table权限管理系统一期 HangFire与Quartz.NET相比主要是HangFire的内置提供集成化的控制台,方便后台查看及监控,对于 ...
- Django:bootstrap table自定义查询实现
参考:https://jalena.bcsytv.com/archives/tag/bootstrap 背景: bootstrap table在客户端分页方式下,自带有简易的搜索功能,但是功能太单一, ...
- BootStrap table使用
bootstrap table git address https://github.com/wenzhixin/bootstrap-table 引入文件 <link rel="sty ...
- bootstrap Table 中给某一特定值设置table选中
bootstrap Table 中给某一特定值设置table选中 需求: 如图所示:左边地图人员选定,右边表格相应选中. 功能代码: //表格和图标联动 function changeTableSel ...
- JS组件系列——表格组件神器:bootstrap table
前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过.今天补起来吧.上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少 ...
- JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
前言:上篇 JS组件系列——表格组件神器:bootstrap table 简单介绍了下Bootstrap Table的基础用法,没想到讨论还挺热烈的.有园友在评论中提到了父子表的用法,今天就结合Boo ...
- JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利)
前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能 ...
- JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
前言:最近项目里面需要用到表格的冻结列功能,所谓“冻结列”,就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动.遗憾的是,bootstrap table里自带的fixed column功能 ...
随机推荐
- requests and BeautifulSoup
requests Python标准库中提供了:urllib.urllib2.httplib等模块以供Http请求,但是,它的 API 太渣了.它是为另一个时代.另一个互联网所创建的.它需要巨量的工作, ...
- tomcat下载安装和配置
Tomcat服务器 1.Web开发中的常见概念 (1)B/S系统和C/S系统 Brower/Server:浏览器 服务器 系统 ----- 网站 Client/Server:客户端 服务器 系统 -- ...
- MPI 并行奇偶交换排序 + 集合通信函数 Sendrecv() Sendvecv_replace()
▶ <并行程序设计导论>第三章的例子程序 ● 代码 #include <stdio.h> #include <mpi.h> #include <stdlib. ...
- c++builder 字节 编码 转换大全 String TBytes byte
System.SysUtils System::DynamicArray<System::WideChar> TCharArray System::TArray__1<System: ...
- np的归纳总结
1. np.sqrt(input) # 求数的开方 import numpy as np print(np.sqrt(2)) 2. np.square(3) # 求数的平方 import n ...
- Maven(八) Maven项目和testng结合应用
要想使maven结合testng只需要在pom.xml文件中加入如下信息: <build> <plugins> <!-- invoke testng.xm ...
- delphi datasnap
http://blog.csdn.net/shuaihj/article/details/6129121 http://blog.csdn.net/ddqqyy/article/details/617 ...
- UNITY插件信息收集
2018.8.7 UNITY超级优化神器 : Amplify Impostors
- inotify监测实例
/************************************************************************* > File Name: inotify.c ...
- 安装scrapy解决的坑
在windows下: pip install scrapy 最后一步报错: 本来以为是缺少 Microsoft Visual C++ 14.0 这个库,一看下载需要400多M,算了再看下报错... 感 ...