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

时间:2012-07-23 11:05:43

标签: jquery jquery-datatables

我有一个使用jQuerys datatables插件的数据表(非常棒的插件!!)我需要在每次过滤或更新表时动态地将电子邮件列中的数据添加到文本区域。

可以这样做吗?如果是,那么如何?

我查看了网站上的所有文档,但无法找到。

2 个答案:

答案 0 :(得分: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 () { ... });

答案 1 :(得分:0)

我从Allan @ datatables得到了这个答案:

  

使用fnDrawCallback运行一个在表中触发的函数   已更新。然后可能使用fnGetData或插件fnGetColumnData   使用API​​方法获取数据并将其粘贴到文本字段中   标准的DOM / jQuery方法。

     

阿伦

我按照这种方法获得了我想要的结果。

希望这有助于其他人。

C