2011-03-22 90 views
9

數據表完成渲染時是否觸發事件?即當我可以開始修改HTML輸出時。我想加入我上面列標題<select>的一排,如圖所示的例子上http://www.datatables.net/examples/api/multi_filter_select.htmlJQuery Datatables ready event?

我一直沒能得到這與我的腳本工作。我的數據源是根據http://www.datatables.net/examples/data_sources/js_array.html的javascript數組,並且我有一種感覺,多篩選器選擇(請參見上面的鏈接)不能與此結合使用。

基本上,我使用過的表頭進行遍歷時,什麼也沒得到如下:

$('table#id thead tr th').each(function() { ... }) 

我相信這是因爲傳遞給each元素的集合是空的,但我100%肯定的選擇是正確的並使用FireQuery對其進行了驗證。

我發現這個http://www.datatables.net/examples/advanced_init/events_post_init.html聲稱有關於post-init事件的信息,但它似乎並不是我想要的。

有沒有人遇到過這個,找到了解決方案?謝謝!

回答

10

fnInitComplete

http://datatables.net/usage/callbacks 我試圖用這個和它呈現的選擇框在頁腳。

但是,當我在列表框中選擇的東西,使用fnFilter我得到錯誤信息

遺漏的類型錯誤:無法調用方法「替換」未定義

我試圖fnFilter使用點擊一個按鈕,我得到一個消息 遺漏的類型錯誤:無法讀取的特性 'NTR' 未定義

+4

我想你想要fnDrawCallback而不是fnInitComplete - fnDrawCallback在HTML呈現後觸發。 – nothingisnecessary 2013-03-04 17:48:45

7

我會用 「fnDrawCallback」(見:https://www.datatables.net/usage/callbacks

$(document).ready(function() { 
    $('#example').dataTable({ 
     "fnDrawCallback": function(oSettings) { 
      // Your function(s); 
     } 
    }); 
}); 

我使用此回調將事件綁定到由數據表創建的元素。