欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【bootstrap table 服务器端分页例子分享】,下面是详细的讲解!
bootstrap table 服务器端分页例子分享
function getTab(){
var url=contextPath+'/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';
$('#tab').bootstrapTable({
method: 'get', //这里要设置为get,不知道为什么 设置post获取不了
url: url,
cache: false,
height: 400,
striped: true,
pagination: true,
pageList: [10,20],
// contentType: "application/x-www-form-urlencoded",
pageSize:10,
pageNumber:1,
search: true,
sidePagination:'server',//设置为服务器端分页
queryParams: queryParams,//参数
showColumns: true,
showRefresh: true,
minimumCountColumns: 2,
clickToSelect: true,
smartDisplay:true,
columns: [
{
field: 'interfaceInfoCode',
title: '资金通道编码',
align: 'center',
width: '180',
valign: 'bottom',
sortable: true
}, {
field: 'retreatBatchCode',
title: '资金退回批次号',
align: 'center',
width: '200',
valign: 'middle',
sortable: true
}, {
field: 'total',
title: '总笔数',
align: 'center',
width: '10',
valign: 'top',
sortable: true
}, {
field: 'totalMoney',
title: '总金额',
align: 'center',
width: '100',
valign: 'middle',
clickToSelect: false
}, {
title: '操作',
field: 'state',
align: 'center',
width: '200',
valign: 'middle',
}]
});
}
//设置传入参数
function queryParams(params) {
return params
}
$(function(){
getTab();
})
关于bootstrap table 服务器端分页例子分享的用户互动如下:
相关问题:求bootstrap-paginator 分页的简单实例源码,我自...
答:你用的BS2还是BS3,两个的不一样 BS3: « 1 2 3 4 5 » BS2: Prev 1 2 3 4 5 Next 如果不显示,你检查CSS引用路径吧 >>详细
相关问题:3.2版本,bootstrap分页怎么做
答:分页: 在ul上加上样式.pagination, 然后下面就是一个一个的li. 然后实现效果 >>详细
相关问题:有大神有 bootstrap -table 的例子吗? 最好是结合...
答:私信已发,不知道是你想要的不,给你发的是 网上的一个小例子。希望能帮到你。 >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【addClass】javascript自定义的addClass()方法
- 【Event】jquery下为Event handler传递动态参数的
- 【Ajax】jQuery 学习第六课 实现一个Ajax的TreeVi
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
