bootstrapTableダイナミックレンダリングデータ取得

7334 ワード

テーブルを動的にレンダリングする前に、バックグラウンドで渡されたデータを取得する場合は、次のコードを使用します.
    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("      ");  
            }        
        });