dataTable使用

var userTableAjax = function () {
var grid;
var gridRecords = function (url) {
grid = new Datatable();
grid.init({
src: $("#datatable_ajax"),
hashCode:'',
onSuccess: function (grid) {
},
onError: function (grid) {
},
csrf:$("#_csrf").val(),
loadingMessage: '加載中...',
hashCode: "prod_list",
dataTable: {
"bInfo": true,
"bStateSave": false,
"bSort": false,
"lengthMenu": [
[10, 20, 50],
[10, 20, 50]
],
"pageLength": 10,
"ajax": {
"url": url,
},
"dom": '<<t>pli>',
}
});
};
return {
init: function (url) {
gridRecords(url);
},reflash:function(){//刷新
grid.submitFilter();
}
};
}();

userTableAjax.init($url);

userTableAjax.reflash(); 的使用

dataTables
hashCode 保持查詢條件(兩個頁面的hashCode相同時,從一個跳轉到另一個頁面時會保持查詢條件)

<table class="table table-striped table-bordered table-hover" id="datatable_ajax">
<thead>
<以下被注釋的代碼 在列表頭部添加查詢條件的代碼 若是無查詢條件但是有如下的filter的代碼,程序會報錯>








<tr role="row" class="heading">
<th width="5%">序號</th>
<th width="20%">二級目的地名稱</th>
<th width="20%">排序</th>
<th width="20%">操作</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • dataTable 也用了這么長時間了 現在開始記錄下內部的一些小的用法 1.隱藏列: visible:fals...
    貝灬小暉閱讀 659評論 0 0
  • <a name='html'>HTML</a> Doctype作用?標準模式與兼容模式各有什么區別? (1)、<...
    clark124閱讀 3,551評論 1 19
  • 《ijs》速成開發手冊3.0 官方用戶交流:iApp開發交流(1) 239547050iApp開發交流(2) 10...
    葉染柒丶閱讀 5,321評論 0 7
  • 工廠模式類似于現實生活中的工廠可以產生大量相似的商品,去做同樣的事情,實現同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,827評論 2 17
  • 參數個數確定 最常見,列出有限個的參數,彼此用逗號隔開。調用函數的時候,按照順序依次對參數進行復制,參數名字不重要...
    上發條的樹閱讀 275評論 0 0