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功能 ...
随机推荐
- python twilio 短信群发 知识留存
1. win7 32位系统,傻瓜安装Anaconda2(python 2.7) 2. 打开cmd, 输入命令pip install twilio,在线安装twilio 3. 打开Anaconda2的S ...
- k8s 1.10 关于rbac的坑
apiserver 启动加上--authorization-mode=RBAC 开启rbac 会生成默认role,最高权限位cluster-admin的cluster role 再关闭rbac(不加 ...
- Type Object——类型对象
clr会为应用程序使用的每个类型创建一个内部数据结构,这种数据结构称为类型对象. 具有泛型类型参数的类型称为开放类型(open type),CLR禁止构造开放类型的任何实例. 代码引用一个泛型类型时, ...
- LevelDB Filters
[LevelDB Filters] Because of the way leveldb data is organized on disk, a single Get() call may invo ...
- python安装h5py
sudo pip install cython sudo apt-get install libhdf5-dev sudo pip install h5py test: python import h ...
- ArcEngine调用GP里的Merge工具传参问题
Merge工具inputs参数形式与Python中不同: string startLayerPath= cpj.TempWs.PathName + @"\" + datasetNa ...
- MongoDB--CSharp Driver Quickstart .
原文链接 http://www.mongodb.org/display/DOCS/CSharp+Driver+Quickstart?showComments=true&showCommentA ...
- Golang之实现(链表)
链表算法 package main import "fmt" type LinkNode struct { data interface{} next *LinkNode } ty ...
- loadrunner--vugen录制脚本提示“无Internet访问。您可能无法录制并执行业务进程”
1.vugen录制脚本提示如下,为什么会提示这个呢?这个提示忽略会对录制脚本有影响吗?最好应该怎么操作? 惠普技术支持回复: 您可以试试,若点击“Yes”,是否可以继续录制网站?若可以的话,您也确定网 ...
- 修改RocketMQ的NameServer端口
---问题--- 有同事提出各个问题:如何修改RocketMQ的NameServer端口号?(默认:9876) ---结论--- 调查并验证之后,结论及过程如下: 验证版本:rocketmq-all- ...