// 設(shè)置最后一個(gè)操作字段里面的方法...
window.actionEvents = {
'click #id名': function (e, value, row, index) {
fn(row);
}
};
function refresh某某表() {
var resultArr = [];
get某某數(shù)據(jù)();
function get某某數(shù)據(jù)() {
$.ajax({
type: "GET", // 請(qǐng)求類型
url: urlPrefix + "地址", // 請(qǐng)求地址
async: false, // 是否異步 false為同步
dataType: "json", // 返回?cái)?shù)據(jù)類型
xhrFields: { // 設(shè)置跨域請(qǐng)求
withCredentials: true
},
crossDomain: true, // 設(shè)置跨域請(qǐng)求
success: function (data) { // 接受到數(shù)據(jù)
bindDOM(data);
}
});
}
function bindDOM(records) {
$('#theTable').html('<table id="addUseRecordTable" class="table table-bordered table-hover"></table>'); // 把之前的html清空
$('#addUseRecordTable').removeData(); // 把之前的數(shù)據(jù)清空
$('#addUseRecordTable').bootstrapTable({ // 重新渲染
striped: false, //是否顯示行間隔色
cache: false, //是否使用緩存搏色,默認(rèn)為true巫橄,所以一般情況下需要設(shè)置一下這個(gè)屬性(*)
pagination: false, //是否顯示分頁(yè)(*)
sortable: false, //排序方式
sidePagination: "server", //分頁(yè)方式:client客戶端分頁(yè)杂数,server服務(wù)端分頁(yè)(*)
pageNumber: 1, //初始化加載第一頁(yè)鸦列,默認(rèn)第一頁(yè)
pageSize: 5, //每頁(yè)的記錄行數(shù)(*)
pageList: [5, 10, 15, 20], //可供選擇的每頁(yè)的行數(shù)(*)
search: false, //是否顯示表格搜索纱控,此搜索是客戶端搜索,不會(huì)進(jìn)服務(wù)端,所以通殃,個(gè)人感覺(jué)意義不大
strictSearch: false,
showHeader: true,
showColumns: false, //是否顯示所有的列
showRefresh: false, //是否顯示刷新按鈕
minimumCountColumns: 2, //最少允許的列數(shù)
clickToSelect: true, //是否啟用點(diǎn)擊選中行
uniqueId: "sparePartId", //每一行的唯一標(biāo)識(shí),一般為主鍵列
showToggle: false, //是否顯示詳細(xì)視圖和列表視圖的切換按鈕
cardView: false, //是否顯示詳細(xì)視圖
detailView: false, //是否顯示父子表
data: records,
columns: [{
field: 'sparePartId',
title: '編號(hào)',
}, {
field: 'typeName',
title: '類型',
}, {
field: 'name',
title: '名稱',
}, {
field: 'specification',
title: '型號(hào)'
}, {
field: 'totalInventory',
title: '庫(kù)存'
}, {
field: 'operation',
title: '操作',
formatter: operationUseFormatter,
events: actionEvents
}]
});
}
}