天天看點

bootstapTable分頁記錄

JS裡面:

var DftConfig = {};
 DftConfig.dtftable = {
     striped : true, // 是否顯示行間隔色
     cache : false, // 是否使用緩存,預設為true,是以一般情況下需要設定一下這個屬性(*)
     pagination : true, // 是否顯示分頁(*)
     contentType : "application/x-www-form-urlencoded",// 必須設定,不然request.getParameter擷取不到請求參數
     uniqueId : "id", // 每一行的唯一辨別,一般為主鍵列
     sidePagination : "server",
     showColumns : true, // 是否顯示所有的列
     showRefresh : true, // 是否顯示重新整理按鈕
     pageList : [ 10, 25, 50, 100 ],
     pageSize : 100,
     pageNumber : 1,
     // 設定為undefined可以擷取pageNumber,pageSize,searchText,sortName,sortOrder
     // 設定為limit可以擷取limit, offset, search, sort, order
     queryParamsType : "undefined",
     responseHandler : function(res) {
         return {
             "rows" : res.rows,
             "total" : res.total            
         };
     },
     showExport: true //是否顯示導出按鈕
 };DftConfig.table = function(obj) {
     return $.extend({},DftConfig.dtftable, obj);
 };$(function(){
     var tableConfig = DftConfig.table({
         url : "logList",
         columns : [{
             field : 'time',
             title : '時間',
             halign : 'center',
             align:'center'
         },{
             field : 'subjectName',
             title : '科目',
             halign : 'center',
             align:'center'
         }, {
             field : 'quesId',
             title : '題目ID',
             halign : 'center',
             align:'center'
         }, {
             field : 'questionNo',
             title : '題号',
             halign : 'center',
             align:'center'
         }, {
             field : 'statTypeStr',
             title : '操作',
             halign : 'center',
             align:'center',
             formatter : function(value, row) {
                 if (value == "登入") {
                     return "<span style='color:#00CC66'>"+value+"</span>";
                 }else if (value == "開考") {
                     return "<span style='color:#3399FF'>"+value+"</span>";
                 }else if (value == "進去該題") {
                     return "<span style='color:#33CC99'>"+value+"</span>";
                 }else if (value == "填入答案") {
                     return "<span style='color:#339999'>"+value+"</span>";
                 }else if (value == "離開該題") {
                     return "<span style='color:#999966'>"+value+"</span>";
                 }else if (value == "倒計時結束自動交卷") {
                     return "<span style='color:#FF3333'>"+value+"</span>";
                 }else if (value == "主動交卷") {
                     return "<span style='color:#339966'>"+value+"</span>";
                 }
             }
         }, {
             field : 'answerAbc',
             title : '資訊',
             halign : 'center',
             align : 'center'
         }, {
             field : 'result',
             title : '結果',
             halign : 'center',
             align : 'center'
         }]
     });    // 表格渲染
     $('#table').bootstrapTable(tableConfig);
 });      

繼續閱讀