jquery - datatables jQuery插件获取单列数据并添加到textarea

Question

我有一个使用 jQuerys 数据表插件（很棒的插件！！）的数据表，并且每次过滤或更新表时，我都需要将电子邮件列中的数据动态添加到文本区域。

这可以做到吗？如果是，那怎么办？

我浏览了网站上的所有文档，但找不到这个。

Answer 1

您可能可以从事件现场演示代码开始。他们的示例显示，textarea每当对数据表进行排序、过滤或分页时，时间戳都会附加到 a。这听起来很像你想做的事情：

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