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功能 ...
随机推荐
- android studio 3.0.1使用笔记(一)20171231
首先安装JDK1.8.1并设置环境变量JAVA_HOME(C:/JAVA/JDK)及PATH(;%JAVA_HOME%\bin ) 然后安装AS 然后首次AS运行并退出,将GRADLE-4-1.ZIP ...
- Python/Java读取TXT文件
JAVA: public static void readTextFile(String filePath) { try { String encoding = "GBK"; Fi ...
- Timer控件的使用限制和注意事项
Timer的Interval 属性当编写 Timer 组件时,需要考虑 Interval 属性的几点限制:1. 如果应用程序或另一个应用程序对系统需求很大(如长循环.大量的计算或驱动程序.网络或端口访 ...
- CDN理解<转>
CDN则是更高级的手段.CDN到底如何工作的呢,让我们来大概了解一下! CDN的基础百科资料也很多了,我也稍等提一下.CDN,Content Distribute Network,即:内容分发网络. ...
- Oracle数据库备份与恢复命令
备份:exp 用户名/密码@实例 file="e:\databack\XX_%date%.dmp" log = "e:\databack\XX8_%date%log.t ...
- 跨域资源共享/option 请求产生原因
https://blog.csdn.net/hfahe/article/details/7730944
- jquery实现全选,取消,反选的功能&实现左侧菜单
1.全选,取消,反选的例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- shiro 和spring集合 实现登录时输入验证码并校验(七)
编写实现验证码的主体实现类:CaptchaCode import java.util.UUID; import javax.servlet.http.HttpServletRequest; impor ...
- 如果应用程序正在通过 <identity impersonate="true"/> 模拟,则标识将为匿名用户(通常为 IUSR_MACHINENAME)或经过身份验证的请求用户。
在配置文件中添加 <identity impersonate= "true " userName= "Administrator " pass ...
- day25 map,filter,reduce 内置函数,作业
=====================作业一#用map来处理字符串列表啊,把列表中所有人都变成sb,比方alex_sbname=['alex','wupeiqi','yuanhao']###### ...