Bootstrap列表分页及查询(数据与页面分离形式)
来源:互联网 发布:知礼仪 明事理 辨是非 编辑:程序博客网 时间:2024/05/23 12:01
Bootstrap两种分页形式:
全部加载数据,然后在js中分页和查询;后台分页,通过后台加载一页的数据;后台发送json格式的数据到前台,前台通过js处理,生成table等,html或者jsp页面显示。
两种方式都通过【$(‘页面table的ID’).bootstrapTable{()};】函数来处理数据。下面说下里面的参数
1.method:请求方式。两种get和post。
2.url:请求地址。
3.dataType:类型。json
4.search:是否显示搜索框。true:不显示 ;false:显示
5.sidePagination:设置为服务器端分页 。参数有两种,server:服务端请求;client:客户端请求
6.pageSize:每页条数。
7.queryParams:设置参数(想后台发的参数,4个:a.limit;b.offset;c.search;d.order;e.sort;)
8.responseHandler:响应后台参数。
9.columns:[{}] 数据列
注:请求地址js会加入参数“limit=5&offset=0&order=asc”。limit参数是上述的pageSize;offset是每页第一条数,例如:第一页offset=0;第二页offset=10。
项目下载地址:http://vdisk.weibo.com/s/tnPMj8sanfnT/1427438640
前端
后台controller(分页暂时未封装)
列的属性:
1.field:后台json中key
2.title:标题
3.visible: 是否隐藏列 false:隐藏 true:不隐藏
4.sortable: 是否可以排序 true:可以 false:不可以
5.valign: 对其方式
6.formatter:function(value, row, index){} 自定义列中内容(例如:修改按钮、删除按钮)
7.events:function(){} 对自定义列中内容的操作函数(例如:修改、删除)
项目下载地址:http://vdisk.weibo.com/s/tnPMj8sanfnT/1427438640
0 0
- Bootstrap列表分页及查询(数据与页面分离形式)
- 分页查询JSP页面查询列表详细内容
- BootStrap table 数据填充与分页
- 基于bootstrap table分页数据及行内编辑和导出数据(二)导出数据
- (5)bootstrap分页查询+pageHelper插件
- 基于bootstrap table分页数据及行内编辑和导出数据(一)
- 使用该JavaBean可以将数据在JSP页面中以表格的形式显示出来,并具有动态排序、动态生成查询、自动分页功能
- IOS TableView 数据列表与设置页面(个人)
- 带条件分页查询的主数据列表(施工单位为例)
- select2,利用ajax高效查询大数据列表(可搜索、可分页)
- jquery实现ajax查询后台数据列表,支持分页
- 多条件查询数据列表并进行分页
- BootStrap table 数据填充与分页应用总结
- BootStrap table 数据填充与分页应用总结
- BootStrap table 数据填充与分页应用总结
- Bootstrap Table 查询(服务器端)、刷新数据
- Bootstrap Table 查询(服务器端)、刷新数据
- Bootstrap Table使用整理(五)-分页组合查询
- 底部导航栏:FragmentTabHost+Fragment
- jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别
- 1005. Spell It Right (20)
- 对象(下):
- 聊聊并发(九)java中的copyonwrite容器
- Bootstrap列表分页及查询(数据与页面分离形式)
- cocos2dx 游戏渲染优化 FOB 技术
- 数据库性能调优——sql语句优化(转载及整理)
- Forbidden Attack:7万台web服务器陷入被攻击的险境
- 原码, 反码, 补码 详解(二)
- 在 IBM Bluemix 建立 Docker Container (step by step)
- HttpURLConnection请求网络小练习
- 地理编码与反编码
- 在web.config和app.config文件中增加自定义配置节点的方法