欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

BootStrapTable服務(wù)器分頁(yè)實(shí)例解析

 更新時(shí)間：2016年12月20日 16:37:58   作者：Fee_  
項(xiàng)目中經(jīng)常會(huì)使用到表格，數(shù)據(jù)量大的時(shí)候還需要進(jìn)行分頁(yè)，項(xiàng)目設(shè)計(jì)階段，我選擇了bootstrapTable的js插件，個(gè)人覺(jué)得這個(gè)框架非常好用，支持服務(wù)器端分頁(yè)，此篇主要寫的主要是關(guān)于服務(wù)器分頁(yè),需要的朋友可以參考下

項(xiàng)目中經(jīng)常會(huì)使用到表格，數(shù)據(jù)量大的時(shí)候還需要進(jìn)行分頁(yè)，項(xiàng)目設(shè)計(jì)階段，我選擇了bootstrapTable的js插件，個(gè)人覺(jué)得這個(gè)框架非常好用，支持服務(wù)器端分頁(yè)，此篇主要寫的主要是關(guān)于服務(wù)器分頁(yè)。之前遇到的問(wèn)題時(shí)服務(wù)器分頁(yè)，在服務(wù)器端接收的參數(shù)為null。查了資料發(fā)現(xiàn)少了參數(shù)

主要引入js

<script type="text/javascript" src="<%=path%>/plugins/bootstrap-table/bootstrap-table.js"></script> 
<script type="text/javascript" src="<%=path%>/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
$('#bootstrap_table') 
   .bootstrapTable( 
     { 
      method : 'post', 
      url : basePath + "/XXXServlet", 
      <span style="color:#FF0000;">contentType : "application/x-www-form-urlencoded",</span> 
      cache : false, 
      striped : true, 
      // height : 480, 
      locale : 'zh-CN', 
      sidePagination : 'server', 
      pagination : true, 
      clickToSelect : true, // 單擊行即可以選中 
      sortName : 'SENDTIME', // 設(shè)置默認(rèn)排序?yàn)?SENDTIME 
      sortOrder : 'desc', // 設(shè)置排序?yàn)榉葱?desc 
      pageSize : 10, 
      pageNumber : 1, 
      pageList : [ 10, 20, 50, 100, 200, 500 ], 
      queryParams : function(e) { 
       var param = { 
        userId : $("#userId").val(), 
        type : "db", 
        <span style="color:#FF0000;">pageSize : e.limit, 
        pageIndex : (e.offset / e.limit) + 1, 
        <span style="color:#000000;">filterlist : $("#oms_search_type").val()</span></span> 
       }; 
       return param; 
      }, 
      search : false, 
      showColumns : false, 
      showRefresh : false, 
      columns : [ 
        { 
         field : "ID", 
         title : "編號(hào)", 
         align : "center", 
         valign : "middle", 
         sortable : "true" 
        }, 
        { 
         field : "NAME", 
         title : "名稱", 
         align : "center", 
         valign : "middle", 
         sortable : "true" 
        }, 
        { 
         field : "AGE", 
         title : "年齡", 
         align : "center", 
         valign : "middle", 
         sortable : "true" 
        }, 
        { 
         title : "操作", 
         field : "id", 
         align : "center", 
         formatter : function(value, row, index) { 
          var e = '<a href="#" mce_href="#" onclick="edit(\'' 
            + row.id + '\')">編輯</a> '; 
          var d = '<a href="#" mce_href="#" onclick="del(\'' 
            + row.id + '\')">刪除</a> '; 
          return e + d; 
         } 
        } ], 
      onLoadSuccess : function(data) { 
       initUserInfo(data.userInfo); 
      }, 
      formatNoMatches : function() { 
       return '無(wú)符合條件的記錄'; 
      }, 
      onDblClickRow : function(row, $element) { 
      } 
     });

需要注意的是紅色的部分。當(dāng)時(shí)post請(qǐng)求是，需要注意

<span style="color:#FF0000;">contentType : "application/x-www-form-urlencoded",</span>

這個(gè)參數(shù)，必須要有，不然服務(wù)器獲取不到參數(shù)。

以上所述是小編給大家介紹的BootStrapTable服務(wù)器分頁(yè)實(shí)例解析，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論