dataTable 外掛程式的應用

    第一步：要部署整個項目（copy外掛程式指令碼庫）；    @import "js/dataTable/css/demo_page.css";@import "js/dataTable/css/demo_table.css";@import "js/dataTable/css/demo_table_jui.css";
    第二步：表的格式：建立表；（資料通過Ajax請求從伺服器拿，）注意：表頭資訊必須放在<thead></thead>中，    表體必須放在 <tbody></tbody>中，表最好要有屬性ID，並且class="display"
    
    <table cellpadding="0" cellspacing="0" border="0" class="display" id="personList" width="100%"><thead><tr><th>序號</th><th>姓名</th><th>性別</th><th>電話</th></tr></thead><tbody><tr class="odd gradeX"><td colspan="4">沒有任何資訊</td></tr></tbody></table>第三步：只需要有Jquery找到表，有datatable顯示；$(“#example”).dataTable{       中間是配置        };<script type="text/javascript">$(function(){var oTable = $("#personList").dataTable({"bProcessing" : true,//載入資料時候是否顯示進度條"bServerSide" : true,//是否從服務載入資料 "sAjaxSource" : "system/person!list.action?id=<s:property value='id'/>",//如果從伺服器端載入資料,這個屬性用於指                                                        定載入的路徑 "sPaginationType" : "full_numbers","oLanguage" : { //主要用於設定各種提示文本"sProcessing" : "正在處理...", //設定進度條顯示文本"sLengthMenu" : "每頁_MENU_行",//顯示每頁多少條記錄"sEmptyTable" : "沒有找到記錄",//沒有記錄時顯示的文本"sZeroRecords" : "沒有找到記錄",//沒有記錄時顯示的文本"sInfo" : "總記錄數_TOTAL_當前顯示_START_至_END_","sInfoEmpty" : "",//沒記錄時,關於記錄數的顯示文本"sSearch" : "搜尋:",//搜尋方塊前的文本設定"oPaginate" : {"sFirst" : "首頁","sLast" : "未頁","sNext" : "下頁","sPrevious" : "上頁"}}//用於設定提示文本
});oTable.css("font-size","12px");//設定文本的樣式；})</script>第四步：幕後處理    瞭解dataTable向後台發送什麼樣的分頁資料 
    *iDisplayStart       分頁查詢中，查詢頁開始的索引
    *iDisplayLength   分頁查詢中，總的記錄數
    *sSearch
瞭解後台需要給dataTable返回什麼樣的資料，第五步:幕後處理；    根據“sJAXSource”找到伺服器載入資料，顯示到dataTable中； 分頁功能的後台機制： 瞭解dataTable向後台發送了什麼內容；    *iDisplayStart 分頁查詢中。查詢開始的索引；
    *iDisplayLenth分頁查詢中，第幾頁的記錄數

 瞭解後台需要給dataTable返回的資料；
 Map  map = new HashMap(); map.put("aaData", vo.getDatas()); //查出來總共有多少條記錄 map.put("iTotalRecords", vo.getTotal()); map.put("iTotalDisplayRecords", vo.getTotal()); JSonUtil.toJSON(map);