- A+
所属分类:Bootstrap Table
Html
- <table id="Table"></table>
JavaScript
- $('#Table').bootstrapTable({
- toolbar: '#toolbar',//一个jQuery 选择器,指明自定义的toolbar
- search: true,//是否启用搜索框
- showRefresh: true,//是否显示 刷新按钮
- showToggle: true,//是否显示 切换试图(table/card)按钮
- showColumns: true,//是否显示 内容列下拉框
- showExport: true,//是否显示导出
- minimumCountColumns: '2',//当列数小于此值时,将隐藏内容列下拉框。
- showPaginationSwitch: true,//是否显示 数据条数选择框
- pagination: true,//设置为 true 会在表格底部显示分页条
- idField: 'ID',//指定主键列
- pageList: '[10, 25, 50, 100, ALL]',//如果设置了分页,设置可供选择的页面数据条数。设置为All 则显示所有记录。
- queryParams: queryParam,//
- sidePagination: 'server',//设置在哪里进行分页,可选值为 'client' 或者 'server'。设置 'server'时,必须设置 服务器数据地址(url)或者重写ajax方法
- url: 'SalatyData',//服务器数据的加载地址
- method: 'get',
- columns: []
- });
- function queryParam(Params) {
- var P = {
- pageSize: Params.limit,
- offset: Params.offset,
- sortOrder: Params.order,
- searchText: search,
- month:mm
- };
- return P;
- }
Controller
- public ActionResult SalatyData(int pageSize, int offset,string sortOrder, string month,string searchText)
- {
- int total = 0;
- List<EDSALARY> rows = null;
- string json = "";
- total = dbContext.EDSALARY.Count();
- rows = dbContext.EDSALARY.OrderByDescending(x => x.ED_PAYMONTH).Skip(offset).Take(pageSize).ToList();
- json = JsonConvert.SerializeObject(new
- {
- total = total,
- rows = rows
- });
- return Content(json, "text/json");
- }