AJAXでashxバックグラウンドJSONデータを取得しbootstrap-Tableコントロールを使用
4194 ワード
bootstrap-Table , :
JS ( ):
function initTable() {
jQuery.ajax({
url: "ashx/GuideManagement.ashx",
type: "post",
dataType: "json",
data: { Action: "GuideManagementCheck", AjaxFllage: true },
success: function (value) {
var obj = [];
for (var i = 0; i < value.length; i++) {
obj.push(value[i]); // JSON Object ,
}
$table = $('#tb_departments').bootstrapTable({
data: obj, // JSON
height: $(window).height() - 100,
striped: true,
pagination: true,
pageNumber: 1,
pageSize: 10,
pageList: [5, 10, 20],
search: true,
showRefresh: true,
sidePagination: "client",
showColumns: true,
minimunCountColumns: 2,
columns: [{
field: 'Name', // ID ID
title: ' ',
width: 100,
align: 'center',
valign: 'center',
sortable: true,
}, {
field: 'IDNumber',
title: ' ',
align: 'center',
valign: 'center',
sortable: true
}, {
field: 'GuideCardNumber',
title: ' ',
align: 'center',
valign: 'center',
sortable: true
}, {
field: 'TourCompany',
title: ' ',
align: 'center',
valign: 'center',
sortable: true
}, {
field: 'Time',
title: ' / ',
align: 'center',
valign: 'center',
sortable: true
}, {
field: 'Status',
title: ' ',
align: 'center',
valign: 'center',
sortable: true
}, {
field: 'TheRemarks',
title: ' ',
align: 'center',
width: 100,
valign: 'center',
}, {
field: 'operate',
title: ' ',
align: 'center',
formatter: function (value, row, index) {
var e = '';
var d = '
// 。
}
}]
});
}
});
}
table , :
tb_departments">