bootstrap table配置參數(shù)例子
更新時間:2017年01月05日 14:00:34 作者:paincupid
這篇文章主要為大家詳細介紹了bootstrapTable的參數(shù)設置,具有一定的參考價值,感興趣的小伙伴們可以參考一下
bootstrap-table的一些配置參數(shù):
$('#reportTable').bootstrapTable({ method: 'post', url: '/qStock/AjaxPage', dataType: "json", striped: true, //使表格帶有條紋 pagination: true, //在表格底部顯示分頁工具欄 pageSize: 22, pageNumber: 1, pageList: [10, 20, 50, 100, 200, 500], idField: "ProductId", //標識哪個字段為id主鍵 showToggle: false, //名片格式 cardView: false,//設置為True時顯示名片(card)布局 showColumns: true, //顯示隱藏列 showRefresh: true, //顯示刷新按鈕 singleSelect: true,//復選框只能選擇一條記錄 search: false,//是否顯示右上角的搜索框 clickToSelect: true,//點擊行即可選中單選/復選框 sidePagination: "server",//表格分頁的位置 queryParams: queryParams, //參數(shù) queryParamsType: "limit", //參數(shù)格式,發(fā)送標準的RESTFul類型的參數(shù)請求 toolbar: "#toolbar", //設置工具欄的Id或者class columns: column, //列 silent: true, //刷新事件必須設置 formatLoadingMessage: function () { return "請稍等,正在加載中..."; }, formatNoMatches: function () { //沒有匹配的結果 return '無符合條件的記錄'; }, onLoadError: function (data) { $('#reportTable').bootstrapTable('removeAll'); }, onClickRow: function (row) { window.location.href = "/qStock/qProInfo/" + row.ProductId; }, });
bootstrap-table帶參到后臺去的代碼
function queryParams(params) { //配置參數(shù) var temp = { //這里的鍵的名字和控制器的變量名必須一直,這邊改動,控制器也需要改成一樣的 pageSize: params.limit, //頁面大小 pageNumber: params.pageNumber, //頁碼 minSize: $("#leftLabel").val(), maxSize: $("#rightLabel").val(), minPrice: $("#priceleftLabel").val(), maxPrice: $("#pricerightLabel").val(), Cut: Cut, Color: Color, Clarity: Clarity, sort: params.sort, //排序列名 sortOrder: params.order//排位命令(desc,asc) }; return temp; }
參考:http://chabaoo.cn/article/93246.htm
如果大家還想深入學習,可以點擊這里進行學習,再為大家附3個精彩的專題:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Bootstrap標簽頁(Tab)插件使用方法
- 簡單實現(xiàn)Bootstrap標簽頁
- BootStrap框架個人總結(bootstrap框架、導航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁tabs、模態(tài)框、菜單定位)
- Bootstrap每天必學之標簽頁(Tab)插件
- bootstrap table 數(shù)據(jù)表格行內修改的實現(xiàn)代碼
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法
- BootStrapTable 單選及取值的實現(xiàn)方法
- Bootstrap table兩種分頁示例
- 基于Bootstrap的標簽頁組件及bootstrap-tab使用說明
相關文章
Javascript實現(xiàn)的常用算法(如冒泡、快速、鴿巢、奇偶等)
這篇文章主要介紹了Javascript實現(xiàn)的常用算法,如冒泡、快速、鴿巢、選擇、木桶、奇偶等,需要的朋友可以參考下2014-04-04微信小程序實現(xiàn)form表單本地儲存數(shù)據(jù)
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)form表單本地儲存數(shù)據(jù),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-06-06