Bootstrap Table 使用教程进阶篇 之 服务器端表头排序

  • A+
所属分类:Bootstrap Table

Bootstrap Table 使用教程进阶篇 之 服务器端表头排序

Html

  1. <table id="Table"></table>  

JavaScript

  1. $('#Table').bootstrapTable({  
  2.     toolbar: '#toolbar',//一个jQuery 选择器,指明自定义的toolbar  
  3.     toolbarAlign: 'right',  
  4.     minimumCountColumns: '2',//当列数小于此值时,将隐藏内容列下拉框。  
  5.     pagination: true,//设置为 true 会在表格底部显示分页条  
  6.     idField: 'ID',//指定主键列  
  7.     pageList: '[10, 25, 50, 100, ALL]',//如果设置了分页,设置可供选择的页面数据条数。设置为All 则显示所有记录。  
  8.     queryParams: queryParam,//  
  9.     sidePagination: 'server',//设置在哪里进行分页,可选值为 'client' 或者 'server'。设置 'server'时,必须设置 服务器数据地址(url)或者重写ajax方法  
  10.     url: 'JsonTable',//服务器数据的加载地址  
  11.     method: 'get',  
  12.     columns: [{  
  13.         checkbox: true,  
  14.     },{  
  15.         field: 'ID',  
  16.         title: '系统ID',  
  17.         sortable: 'true'  
  18.     }, {  
  19.         field: 'C1',  
  20.         title: '',  
  21.         sortable: 'true'  
  22.     }]  
  23. });  
  24. function queryParam(Params) {  
  25.     var P = {  
  26.         pageSize: Params.limit,  
  27.         offset: Params.offset,  
  28.         sortOrder: Params.order,  
  29.         searchText: search,  
  30.         sort: Params.sort  
  31.     };  
  32.     return P;  
  33. }  

Controller

  1. public ActionResult JsonTable(int pageSize, int offset, string sortOrder,string searchText,string sort) {  
  2.     int total = 0;  
  3.     List<BOOTSTRAPTABLE> rows = null;  
  4.     string json = "";  
  5.     if (searchText != "")  
  6.     {  
  7.         total = db.BOOTSTRAPTABLE.Where(a => a.ID.Contains(searchText) || a.C1.Contains(searchText)).Count();  
  8.         rows = db.BOOTSTRAPTABLE.Where(a => a.ID.Contains(searchText) || a.C1.Contains(searchText)).OrderByDescending(b => b.ID).Skip(offset).Take(pageSize).ToList();  
  9.         json = JsonConvert.SerializeObject(new { total = total, rows = rows });  
  10.     }  
  11.     else {  
  12.         total = db.BOOTSTRAPTABLE.Count();  
  13.         if (sort == "ID") {  
  14.             if (sortOrder == "asc")  
  15.             {  
  16.                 rows = db.BOOTSTRAPTABLE.OrderBy(b => b.ID).Skip(offset).Take(pageSize).ToList();  
  17.             }  
  18.             else  
  19.             {  
  20.                 rows = db.BOOTSTRAPTABLE.OrderByDescending(b => b.ID).Skip(offset).Take(pageSize).ToList();  
  21.             }  
  22.         }  
  23.         else {  
  24.             rows = db.BOOTSTRAPTABLE.OrderByDescending(b => b.ID).Skip(offset).Take(pageSize).ToList();  
  25.         }  
  26.         json = JsonConvert.SerializeObject(new { total = total, rows = rows });  
  27.     }  
  28.     return Content(json, "text/json");  
  29. }  
钰玺

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: