首先要定義一個 datatables 的元件如下：

<table id=”myTable”>
<thead></thead>
<tbody></tbody>
</table>

DWR 比較尷尬的是一般 Ajax 元件都是要你提供一個 URL 他自己會去抓 json 格式資料回來，DWR 沒辦法提供你這樣的 URL，他是直接回傳 javascript 物件給你，幸好 datatables 也可以拿 javascript 物件資料來用。

首先 initialize datatable

$(document).ready(function() {
$(‘#myTable’).dataTable( {
aoColumns: [
{sTitle: “用戶”},
{sTitle: “電話”}
]
} );
} );

再來把 callback 收到的資料塞進 datatable 即可

myDWRInterface.query( {
callback: function(result) {
var dt=$(‘#myTable’).dataTable();
dt.fnClearTable();
dt.fnAddData(result,true);
}
});

(No Ratings Yet)

Loading...