bootstrap table遠程加載數據
function initTable(){
$('#table').bootstrapTable({
method: 'post',
toolbar: '#toolbar', //工具按鈕用哪個容器
striped: true, //是否顯示行間隔色
cache: false, //是否使用緩存,默認爲true,所以一般情況下需要設置一下這個屬性(*)
pagination: true, //是否顯示分頁(*)
sortable: false, //是否啓用排序
sortOrder: "asc", //排序方式
pageNumber:1, //初始化加載第一頁,默認第一頁
pageSize: 10, //每頁的記錄行數(*)
pageList: [10, 25, 50, 100], //可供選擇的每頁的行數(*)
url: "url",//這個接口需要處理bootstrap table傳遞的固定參數
queryParamsType:'', //默認值爲 'limit' ,在默認情況下 傳給服務端的參數爲:offset,limit,sort;設置爲 '' 在這種情況下傳給服務器的參數爲:pageSize,pageNumber
sidePagination: "server", //分頁方式:client客戶端分頁,server服務端分頁(*)
search: true, //是否顯示錶格搜索,此搜索是客戶端搜索,不會進服務端,所以,個人感覺意義不大
strictSearch: true,
showRefresh: true, //是否顯示刷新按鈕
minimumCountColumns: 2, //最少允許的列數
clickToSelect: true, //是否啓用點擊選中行
searchOnEnterKey: true,
columns: [{
field: 'checkbox',
title: '選擇',
checkbox: true,
align: 'center'
}, {
field: 'code',
title: '編號',
align: 'center'
}, {
field: 'name',
title: '名稱',
align: 'center'
}]
});
}
$('#table').bootstrapTable({
method: 'post',
toolbar: '#toolbar', //工具按鈕用哪個容器
striped: true, //是否顯示行間隔色
cache: false, //是否使用緩存,默認爲true,所以一般情況下需要設置一下這個屬性(*)
pagination: true, //是否顯示分頁(*)
sortable: false, //是否啓用排序
sortOrder: "asc", //排序方式
pageNumber:1, //初始化加載第一頁,默認第一頁
pageSize: 10, //每頁的記錄行數(*)
pageList: [10, 25, 50, 100], //可供選擇的每頁的行數(*)
url: "url",//這個接口需要處理bootstrap table傳遞的固定參數
queryParamsType:'', //默認值爲 'limit' ,在默認情況下 傳給服務端的參數爲:offset,limit,sort;設置爲 '' 在這種情況下傳給服務器的參數爲:pageSize,pageNumber
sidePagination: "server", //分頁方式:client客戶端分頁,server服務端分頁(*)
search: true, //是否顯示錶格搜索,此搜索是客戶端搜索,不會進服務端,所以,個人感覺意義不大
strictSearch: true,
showRefresh: true, //是否顯示刷新按鈕
minimumCountColumns: 2, //最少允許的列數
clickToSelect: true, //是否啓用點擊選中行
searchOnEnterKey: true,
columns: [{
field: 'checkbox',
title: '選擇',
checkbox: true,
align: 'center'
}, {
field: 'code',
title: '編號',
align: 'center'
}, {
field: 'name',
title: '名稱',
align: 'center'
}]
});
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.