datatables jQuery插件獲取單列數據並添加到textarea

Question

我有一個使用jQuerys datatables插件（很棒的插件！）的數據表，每次過濾或更新該表時，我都需要將email列中的數據動態地添加到文本區域。

能做到嗎？ 如果是，那怎么辦？

我瀏覽了網站上的所有文檔，找不到此文件。

Answer 1

您可能可以從事件現場演示代碼開始。 他們的示例顯示了在對數據表進行排序，過濾或分頁時，時間戳會附加到textarea 。 這聽起來很像您要執行的操作：

http://datatables.net/release-datatables/examples/advanced_init/dt_events.html

function eventFired( type ) {
    var n = document.getElementById('demo_info');
    n.innerHTML += '<:div>:'+type+' event - '+new Date().getTime()+'<:/div>:';
    n.scrollTop = n.scrollHeight;      
}

$(document).ready(function() {
    $('#example')
        .bind('sort',   function () { eventFired( 'Sort' ); })
        .bind('filter', function () { eventFired( 'Filter' ); })
        .bind('page',   function () { eventFired( 'Page' ); })
        .dataTable();
} );

那應該照顧您處理過濾的要求。 我不確定我是否了解“更新的”要求，但是如果您正在尋找一種在數據表處於活動狀態時運行代碼的方法，則此示例可能會有所幫助：

http://datatables.net/release-datatables/examples/advanced_init/events_live.html

$('#example tbody tr').live('click', function () { ... });

Answer 2

我從Allan @ datatables得到了這個答案：

使用fnDrawCallback運行可在表更新時觸發的函數。 然后，也許使用fnGetData或插件fnGetColumnData API方法來獲取數據，並使用標准DOM / jQuery方法將其粘貼到文本字段中。

艾倫

我遵循這種方法來獲得所需的結果。

希望這對其他人有幫助。

C