bootstrap table 传值服务端分页后台传值

来源：蜘蛛抓取(WebSpider) 时间：2018-07-02 05:40 标签： bootstrap table 传值
看了很多BOOTSTRAP 分页的例子，都是直接从后台获取全部数据用来分页的，？_词汇网
看了很多BOOTSTRAP 分页的例子，都是直接从后台获取全部数据用来分页的，？
责任编辑：词汇网 发表时间： 13:48:31
看了很多BOOTSTR 分页的例子，都是直接从后台一次性获取全部数据然后用JS用来分页的，数据量大的话这样做的话性能应该很差啊，？分页一般后台做好一点吧，前端只用AJAX提交分页数和其他一些参数给后台，后台返回多少行的数据就行了，大家做BOOTSTRAP 分页如何做的？
上一集:没有了 下一集:
相关文章：&&&&&&&&&&&&&&
最新添加资讯
24小时热门资讯
附近好友搜索&&& &nbsp&nbsp&nbsp会员注册
本站不参与评论！（）
自觉遵守：爱国、守法、自律、真实、文明的原则
尊重网上道德，遵守中华人民共和国各项有关法律法规
严禁发表危害国家安全，破坏民族团结、国家宗教政策和社会稳定，含侮辱、诽谤、教唆、淫秽等内容的评论
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
您在本站发表的评论，本站有权保留、转载、引用或者删除
参与本评论即表明您已经阅读并接受上述条款404 Not Found
The requested URL /q/6292/ was not found on this server.后使用快捷导航没有帐号？
查看: 395|回复: 0
如何实现 bootstrap Table服务端处理分页(后台是.net)
主题帖子积分
这篇文章主要为大家详细介绍了bootstrap Table服务端处理分页，后台是.net，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了bootstrap Table服务端处理分页的具体代码，供大家参考，具体内容如下
要考虑函数可被可重复使用（调用），需要将可变化的变为参数封装起来
function HQCreatTables(ob) {
var option = {
method: 'get',
dataType: &json&,
striped: true,//设置为 true 会有隔行变色效果&&
undefinedText: &空&,//当数据为 undefined 时显示的字符&&
pagination: true, //分页&&
// paginationLoop:true,//设置为 true 启用分页条无限循环的功能。&&
showToggle: false,//是否显示 切换试图（table/card）按钮&&
showColumns: false,//是否显示 内容列下拉框&&
pageNumber: 1,//如果设置了分页，首页页码&&
// showPaginationSwitch:true,//是否显示 数据条数选择框&&
pageSize: 10,//如果设置了分页，页面数据条数&&
pageList: [10, 20, 40], //如果设置了分页，设置可供选择的页面数据条数。设置为All 则显示所有记录。&&
paginationPreText: '?',//指定分页条中上一页按钮的图标或文字,这里是&&&
paginationNextText: '?',//指定分页条中下一页按钮的图标或文字,这里是&&&
// singleSelect: false,//设置True 将禁止多选&&
search: false, //显示搜索框&&
data_local: &zh-US&,//表格汉化&&
sidePagination: &server&, //服务端处理分页&&
queryParams: function (params) {//自定义参数，这里的参数是传给后台的，我这是是分页用的&&
&&return {//这里的params是table提供的&&
&&cp: params.offset,//从数据库第几条记录开始&&
&&ps: params.limit//找多少条&&
if (ob.url) {
option.url = ob.
if (ob.columns) {
option.columns = ob.
$(ob.id).bootstrapTable('destroy');
$(ob.id).bootstrapTable(option);
if (ob.data) {
$(ob.id).bootstrapTable('load', ob.data);
$(ob.id).on('load-success.bs.table', function (data) {//table加载成功后的监听函数&&
var $table = $(ob.id);
var allTableData = JSON.stringify($table.bootstrapTable('getData'));//获取表格的所有内容行
var obj = JSON.parse(allTableData);
console.log(obj)
Xstate.TableArr =
table加载成功写的函数，是因为我自己需要才写的。把table里的数据放在全局变量后，查询详细信息就不用再做ajax。
这个'load-success.bs.table'api我还有个问题，当这个table被多次load-success，这个函数就会被运行相同多次，对页面显示功能无影响。但自己还并不明白之前的table被$(ob.id).bootstrapTable('destroy')销毁了，为什么还会被记入。
函数被调用的时候写入自己的参数，colums是第一行表头。
var tab = { id: '#Table', url: '/HealthRecords/Selects', columns: columns }
HQCreatTables(tab);
.net的后台传的json也一定要有page值，rows是你的显示data，total：所有显示数据的条数。
//GET: HealthRecords
public JsonResult Selects(HealthRecordView m, int cp = -4, int ps = -5, string start = null, string end = null)
&&string sa = Session[&hid&].ToString();
&&string sqls = & SELECT * from A where hid='& + m.hid + &' &;
&&string sqlss = & SELECT count(*) from A where hid='& + m.hid + &' &;
&&if (!string.IsNullOrWhiteSpace(m.Name))
&&sqls += & and Name like '%& + m.Name + &%'&;
&&sqlss += & and Name like '%& + m.Name + &%'&;
&&if (!string.IsNullOrWhiteSpace(start) && !string.IsNullOrWhiteSpace(end))
&&sqls += & and r_time & '& + start + &' and r_time &'& + end + &'&;
&&sqlss += & and r_time & '& + start + &' and r_time &'& + end + &'&;
&&sqls += & order by r_time desc &;
&&if (cp != -4&& ps != -5)
&&sqls += & limit &+ cp + &,& + ps + & &;
&&var arr = db.Database.SqlQuery&HealthRecordView&(sqls).ToArray();
&&int RoleNames = db.Database.SqlQuery&int&(sqlss).FirstOrDefault();
&&return Json(new { page = cp, rows = arr, total = RoleNames }, JsonRequestBehavior.AllowGet);
如上，一次生成不要传对后台数据不要限制更多条件的table已经生成了
如何当你有查询条件的时候，应该怎么做？
当你看都到图片的时候，你就明白了，只需要在调用函数的时候，在url里增加你的查询条件。
本帖子中包含更多资源
才可以下载或查看，没有帐号？bootstrapTable的数据后端分页排序bootstrapTable的数据后端分页排序千锋好程序员百家号数据后端分页排序，其实就是sql语句中oeder by做一些限制。之前在写sql语句中的order by是写死，既然要写活，就要传参数到后台。之前讲到bootstrapTable的queryParams可以自定义参数，这里就只需要找下点击需要排序列的字段名就行this.sortName 是排序列的字段名 this.sortOrder 排序的方式（正序，倒序）queryParams: function ( params ) { //自定义参数，这里的参数是传给后台的，我这是是分页用的 console.log( this
.sortName); console.log(
.sortOrder)
return { //这里的params是table提供的 a cp: params .offset, //从数据库第几条记录开始
ps: params .limit, //找多少条
.sortName, so:
.sortOrder };后台只需修改下order by就行了sqls += " order by "'+sn+'"
" ;好程序员特训营自2014年开班至今，一直立志培养高薪，高能，高职的程序员人才，截至目前，好程序员学员就业均薪1万3以上，学员薪资最高达到2万9千元。现开设Html5、JavaEE、大数据、Android等高端精品课程，40人小班教学保证高品质，坚持100%全程面授。好程序员大数据三期班11月6日开班好程序员，为高端而生！本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。千锋好程序员百家号最近更新：简介:做真实的自己，为高端而生作者最新文章相关文章

我要回帖

更多关于 bootstrap table 传值 的文章

 

随机推荐