bootstrapTableダイナミックレンダリングデータ取得
テーブルを動的にレンダリングする前に、バックグラウンドで渡されたデータを取得する場合は、次のコードを使用します.
var $table = $("#theTable");
$table.bootstrapTable({
url: "url",
dataType: "json",
singleSelect: false,
striped: true, //
cache: false, // , true, (*)
sortable: true, //
pagination: true, //
sortName:"starttime",
sortOrder:"desc", //
pageNumber: 1, // ,
pageSize: 10, //
pageList: [10, 25, 50, 100], // (*)
queryParamsType: '', // 'limit' , :offset,limit,sort // '' :pageSize,pageNumber
queryParams:function(params){
var temp = {
pageSize: params.pageSize, //
pageNumber: params.pageNumber, //
sortName: params.sortName, //
sortOrder: params.sortOrder, //
queryJson: JSON.stringify(getQuetyData()), //
}
return temp;
},
responseHandler:function(res){
// ,
// api
return res;
},
//search: true, ( )
sidePagination: "server", //
//showToggle:true, //
//cardView: false, //
detailView: false, //
columns: [{
//field: 'Number',//
title: ' ',//
align : 'center',
valign : 'middle',
width : 60 ,
formatter: function (value, row, index) {
return index+1;
}
},{
title : ' ',
field : 'beforeAmount',
align : 'center',
width : 100,
valign : 'middle',
formatter : function(value,row,index){
if(value==""){
value='-'
}
var remark = value
return remark;
}
},{
title : ' ',
field : 'id',
align : 'center',
width : 120 ,
valign : 'middle',
formatter : function(value,row,index){
var e = ''')"> ';
var d = ''')"> ';
if(row.progress_status=="0"){
return e+d;
}else{
return "";
}
}
}],
onLoadSuccess: function(){ //
$("#theTable th").css("text-align","center"); //
},
onLoadError: function(){ //
alert(" ");
}
});