分享

Bootstrap列表分页及查询(数据与页面分离形式)

 quasiceo 2018-09-07

Bootstrap列表分页及查询(数据与页面分离形式)

2016年05月31日 14:52:41 阅读数:9196更多
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。

Bootstrap列表分页及查询(数据与页面分离形式)
前端

Bootstrap列表分页及查询(数据与页面分离形式)
后台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条评论

    发表

    请遵守用户 评论公约

    类似文章 更多