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功能 ...
随机推荐
- canvas给图形添加颜色
canvas给图形添加颜色 合法属性 ctx.fillStyle = 'orange'; ctx.fillStyle = '#FFA500'; ctx.fillStyle = 'rgb(255, 16 ...
- 4_bootstrap之栅格系统
4.栅格系统 4.1.简述栅格系统 为了方便在布局容器中进行网页的布局操作. BootStrap提供了一套专门用于响应式开发布局的栅格系统. 栅格系统将一行分为12列,通过设定元素占用的列数来 布局元 ...
- scrapy与redis实战
从零搭建Redis-Scrapy分布式爬虫 Scrapy-Redis分布式策略: 假设有四台电脑:Windows 10.Mac OS X.Ubuntu 16.04.CentOS 7.2,任意一台电脑都 ...
- 跟我学算法-xgboost(集成算法)基本原理推导
1.构造损失函数的目标函数 2.对目标函数进行泰勒展开 3.把样本遍历转换成叶子节点遍历,合并正则化惩罚项 4.求wj进行求导,使得当目标函数等于0时的wj的值 5.将求解得到的wj反导入方程中,解得 ...
- js 实现图片上传 续
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8&qu ...
- 7.25 11figting!
TEXT 76 Start of the long march 而今迈步从头越(陈继龙编译) Nov 16th 2006 | BEIJING AND HONG KONG From The Econom ...
- 实现HBase增量入库(HBase删除自定义时间戳行数据)
目录 1. 背景描述 2. 问题描述 3. 解决方案 1. 背景描述 目前在做音乐推荐项目,前期做排序模型优化,任务是使用模型对用户的历史音乐进行排序,有6800多万个用户,约40G的用户数据,使用H ...
- org.json库下的json的基本使用
public class Users { private String username; private String password; public String getUsername() { ...
- Create a Basic Shader in Shader Forge
[Create a Basic Shader in Shader Forge] 1.打开ShaderForge.Window-> Shader Forge.(打开速度较慢) 2.通过NewSha ...
- Marshal.FreeHGlobal 方法 (IntPtr)
释放以前从进程的非托管内存中分配的内存. 命名空间: System.Runtime.InteropServices程序集: mscorlib(位于 mscorlib.dll) 下面的示例演示如何 ...