最近用了bootstraptable，發現檔案中的prepend和append添加資料的例子都比較簡單，如果資料中有fomatter，或者有按鈕，添加的資料格式是什么？
$('#alarmList').bootstrapTable({
locale: 'zh-CN',
url: url,
method: "get",
type: "get",
uniqueId: 'no',
contentType: "application/json; charset=utf-8",
/* queryParams: function (params) {
return JSON.stringify({
// state: $("#state").val(),
pageNo: params.offset,
pageSize: params.limit,
stationIds:stationIds.join(",")
});
},*/
pagination: true, // 是否顯示分頁
sidePagination: "client", // 分頁方式：client客戶端分頁，server服務端分頁（*）
pageSize: 10,
pageNumber: getPageNum(), // 加載的頁碼（分狀態的）
search: true, // 是否顯示表格搜索，此搜索是客戶端搜索，不會進服務端，所以，個人感覺意義不大
showRefresh: true, // 顯示重繪按鈕
showColumns: true, // 顯示所有的列
showExport: true, // 顯示匯出按鈕
exportDataType: 'all',
sortName: 'updateDate',
sortOrder: 'desc',
exportTypes: ['json', 'xml', 'png', 'csv', 'txt', 'sql', 'doc', 'excel', 'xlsx', 'pdf'],
columns: [
{
field: 'id',
title: '報警ID',
sortable: false
},
{
field: 'no',
title: '設備編號'
},
{
field: 'stationName',
title: '站點名稱',
sortable: false
},
{
field: 'regionName',
title: '區域名稱',
sortable: false,
},
{
field: 'deviceName',
title: '設備名稱',
sortable: false,
// formatter: function (value, row, index) {
// console.log(row);
// }
},
{
field: 'color',
title: '等級',
align: 'center',
sortable: false,
formatter: function (value, row, index) {
// console.log(row);
// return '<span style="background-color: ' + value + '; width: 75px; height: 25px; border: 1px solid #424242; float: left">' + text + '</span>';
return '<span style="color:' + row.color + '">' + row.detailRank + '</span>';
}
},
{
field: 'content',
title: '報警內容',
sortable: false
},
{
field: 'createDate',
title: '報警時間',
sortable: false
},
{
field: 'updateDate',
title: '更新時間',
sortable: true,
},
{
field: 'operator',
title: '操作',
align: 'center',
formatter: function (value, row, index) {
if (row.ignored) {
return '<a href="https://bbs.csdn.net/topics/#" onclick="load_detail(this, \'' + row.itemNo + '\', ' + row.id + ',\'' + row.deviceId + '\')" name="alarm_deal"><button class="btn btn-primary">查看</button></a>' +
' <button disabled class="btn btn-primary" onclick="ignoreAlarm(this,\'' + row.itemNo + ',\')">確定</button>';
} else {
return '<a href="https://bbs.csdn.net/topics/#" onclick="load_detail(this, \'' + row.itemNo + '\', ' + row.id + ',\'' + row.deviceId + '\')" name="alarm_deal"><button class="btn btn-primary">查看</button></a>' +
' <button class="btn btn-primary" onclick="ignoreAlarm(this,\'' + row.itemNo + ',\')">確定</button>';
}
}
}
],
onPageChange: function (number, size) { // 存盤當前頁碼
if ($("#state").val() == 0)
sessionStorage.setItem("onAlarmPage", number);
else if ($("#state").val() == 1)
sessionStorage.setItem("processAlarmPage", number);
else if ($("#state").val() == 2)
sessionStorage.setItem("ignoreAlarmPage", number);
else if ($("#state").val() == 3)
sessionStorage.setItem("removeAlarmPage", number);
}
});
如果是這種格式的，用ajax方法是可以初始化，但是用$("#alarmList").bootstrap('prepend',data)，就不能在表頭添加資料，data也是json資料，也就是說相同格式只能初始化不能添加，請問大家有解決的經驗嗎
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/129837.html
標籤：JavaScript