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功能 ...
随机推荐
- http中的Content-Type
要学习content-type,必须事先知道它到底是什么,是干什么用的. HTTP协议(RFC2616)采用了请求/响应模型.客户端向服务器发送一个请求,请求头包含请求的方法.URI.协议版本.以及包 ...
- 20165233 Java第八、十五章学习总结
20165233 2017-2018-2 <Java程序设计>第六周学习总结 教材学习内容总结 ch08 基础:String类 重点:StringTokenizer类.Scanner类:获 ...
- window.location 属性
属性 含义 值 protocol: 协议 "http:" hostname: 服务器的名字 "b.a.com" port: 端口 "88" ...
- Git 仓库 SSH、HTTP、Gitweb (Nginx) 乱炖
简介: 自己搭建 Git 仓库,实现 SSH 协议.配合 Nginx 实现 HTTP 协议拉取.推送代码. 利用 Nginx 实现 Gitweb 在线浏览代码,使用 Gitweb-theme 更新默认 ...
- Eclipse Class Decompiler——Java反编译插件(转)
Eclipse Class Decompiler是一款Eclipse插件,整合了多种反编译器,和Eclipse Class Viewer无缝集成,能够很方便的使用插件查看类库源码,进行Debug调试. ...
- javascript中的属性类型
ECMA-262第5版在定义只有内部才用的特性(attribute)时,描述了属性(property)的各种特性.ECMA-262定义这些特性是为了实现javascript引擎用的,因此在javasc ...
- js 倒计时功能,获取当前时间的年月日,时分秒
一.实现当前时间到指定截止时间的倒计时功能 <html> <head> <title>TEST</title> </head> <bo ...
- 输入输出参数 inout
输入输出参数 inout 函数参数默认是常量.试图在函数体中更改参数值将会导致编译错误(compile-time error).这意味着你不能错误地更改参数值.如果你想要一个函数可以修改参数的值,并且 ...
- C++ 文件类型分析
.APS:存放二进制资源的中间文件,VC把当前资源文件转换成二进制格式,并存放在APS文件中,以加快资源装载速度.资源辅助文件. .BMP:位图资源文件. .BSC:浏览信息文件,由浏览信息维护工具( ...
- Zookeeper 源码(六)Leader-Follower-Observer
Zookeeper 源码(六)Leader-Follower-Observer 上一节介绍了 Leader 选举的全过程,本节讲解一下 Leader-Follower-Observer 服务器的三种角 ...