微信小程序在线制作_BootStrapTable效劳器分页实例

日期:2021-01-12 类型:行业动态 

关键词:凡科自助建站,企业网站怎么建设,智能建站系统,自己建个网站,搭建网站基本步骤

BootStrapTable服务器分页实例解析       项目中经常会使用到表格,数据量大的时候还需要进行分页,项目设计阶段,我选择了bootstrapTable的js插件,个人觉得这个框架非常好用,支持服务器端分页,此篇主要写的主要是关于服务器分页,需要的朋友可以参考下

项目中经常会使用到表格,数据量大的时候还需要进行分页,项目设计阶段,我选择了bootstrapTable的js插件,个人觉得这个框架非常好用,支持服务器端分页,此篇主要写的主要是关于服务器分页。之前遇到的问题时服务器分页,在服务器端接收的参数为null。查了资料发现少了参数

主要引入js

 script type="text/javascript" src=" %=path% /plugins/bootstrap-table/bootstrap-table.js" /script 
 script type="text/javascript" src=" %=path% /plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js" /script 

url : basePath + "/XXXServlet", span contentType : "application/x-www-form-urlencoded", /span cache : false, striped : true, // height : 480, locale : 'zh-CN', sidePagination : 'server', pagination : true, clickToSelect : true, // 单击行即可以选中 sortName : 'SENDTIME', // 设置默认排序为 SENDTIME sortOrder : 'desc', // 设置排序为反序 desc pageSize : 10, pageNumber : 1, pageList : [ 10, 20, 50, 100, 200, 500 ], queryParams : function(e) { var param = { userId : $("#userId").val(), type : "db", span pageSize : e.limit, pageIndex : (e.offset / e.limit) + 1, span filterlist : $("#oms_search_type").val() /span /span return param; search : false, showColumns : false, showRefresh : false, columns : [ field : "ID", title : "编号", align : "center", valign : "middle", sortable : "true" field : "NAME", title : "名称", align : "center", valign : "middle", sortable : "true" field : "AGE", title : "年龄", align : "center", valign : "middle", sortable : "true" title : "操作", field : "id", align : "center", formatter : function(value, row, index) { var e = ' a href="#" mce_href="#" edit(\'' + row.id + '\')" 编辑 /a var d = ' a href="#" mce_href="#" del(\'' + row.id + '\')" 删除 /a return e + d; } ], ess : function(data) { initUserInfo(data.userInfo); formatNoMatches : function() { return '无符合条件的记录'; onDblClickRow : function(row, $element) { });

需要注意的是红色的部分。当时post请求是,需要注意

 span contentType : "application/x-www-form-urlencoded", /span 

这个参数,必须要有,不然服务器获取不到参数。

以上所述是小编给大家介绍的BootStrapTable服务器分页实例解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!