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