該樓層疑似違規已被系統折疊 隐藏此樓檢視此樓
HTML
使用者内容時間
引入jQuery和dataTables相關插件
jQueryvar datatables = $('#tables').dataTable({//http://www.cnblogs.com/flycrosscloud/p/3662929.html?utm_source=tuicool
"bServerSide": true,
'bPaginate': true, //是否分頁
"bProcessing": true, //datatable擷取資料時候是否顯示正在處理提示資訊。
"iDisplayLength": 10, //每頁顯示10條記錄
'bFilter': true, //是否使用内置的過濾功能
"sAjaxSource": 'ajax.php',
"aaSorting": [
[0, "desc"],
],
"aoColumns": [
{"mData": "id", "bSortable": true, "bSearchable": true, "sWidth": "250px"},
{"mData": "name", "bSortable": true, "bSearchable": true},
{"sWidth": "220px", "mData": "addtime", "bSortable": true, "mRender": function(data, type, full) {
return "" + data + "";
}
}
],
"oLanguage": {
'sSearch': '資料篩選:',
"sLengthMenu": "每頁顯示 _MENU_ 項記錄",
"sZeroRecords": "沒有符合項件的資料...",
"sInfo": "目前資料為從第 _START_ 到第 _END_ 項資料；總共有 _TOTAL_ 項記錄",
"sInfoEmpty": "顯示 0 至 0 共 0 項",
"sInfoFiltered": "(_MAX_)"
},
});dataTable相關API
參數 描述 預設值
destroy DataTable銷毀事件，調用fnDestroy時觸發。 1、e，event,jquery事件對象 2、o:object，DataTable設定對象
draw 頁面中表重繪時觸發。也可以給fnDrawCallback指定回調函數來綁定此事件。 同上
filter 應用到表的過濾條件發生改變時觸發。 同上
init DataTable初始化完成事件，當表完成渲染、裝載資料後觸發。 1、2同上 3、json,對象，從服務端擷取的JSON對象。
page 頁面改變事件，當表的目前分頁發生變化是觸發 1、2同上
processing 正在處理事件，(未測試成功，以下内容為個人了解)，當DataTalbe執行一些比較耗時的動作時觸發(如排序、過濾)。可以用來通知使用者DataTable正在執行某個動作，或者某個操作已經完成。 1、2同上 3、bShow:boolean，DataTable是否正在執行動作标記
sort 排序事件，表的排序條件發生變化時觸發。 1、2同上
stateLoaded 狀态載入完成事件。當狀态資訊已經從本地存儲中載入同時配置對象内容也按照載入資料修改完成時觸發。 1、2同上 3、json：object，儲存在用戶端的狀态資訊。
stateLoadParams 狀态載入時事件。當狀态資訊已經從本地存儲中載入但配置對象内容還未按照載入資料修改時觸發。 同上
stateSaveParams 狀态儲存事件，當表的狀态發生變化，需要重新儲存狀态資訊時觸發。 1、2同上 3、json：object，将要被儲存的狀态資訊。
xhr Ajax事件，當一個服務端Ajax請求完成時觸發(注意，這個事件處理程式由fnServerData調用，如果改寫了fnServerData，需要在你自己的success函數中手動觸發這個事件)。 1、2同上 3、json：object，從服務端傳回的JSON對象。