从Datatables获取行数据

时间:2014-06-22 22:28:51

标签: jquery datatables

我有一个广泛使用Datatables的web2py应用程序,但形式相当简单。其中一个视图使用服务器端处理来填充表,当用户单击表的一行时,我需要从行中获取数据。我使用过Datatables网站上的示例代码,但无法使用它。

这是Datatables初始化(datatables 1.10):

<script type="text/javascript" charset="utf-8">
var oTable;
$(document).ready(function() {
    oTable = $('#parts-list').dataTable({
        searching: true,
        displayLength: 10,
        lengthChange: false,
        paging: true,
        processing: true,
        serverSide: true,
        ajax: '/init_ss/default/get_data_server_side',
        "language" : {
            zeroRecords: "The search turned up no part"},
        "columnDefs": [
          {
            "data": null,
            "targets": [ 6 ],
            "defaultContent" : "Click on row to add to request for information</a>"
          }
        ]
    });
});
</script>

这符合预期:表格构造正确,最后一列的内容为单词&#34;点击行添加以获取信息请求。&#34;

要对表格中的行进行点击,其ID为&#34; parts-list,&#34;我有这段代码:

<script>
$(document).ready(function() {
var table = $('#parts-list').DataTable();

$('#parts-list tbody').on( 'click', 'tr', function () {
    console.log( table.row( this ).data() );
        alert("retrieved data from selected row");
} );
</script>

直接来自Datatables网站,在row(),data()的API参考中。对我来说,它不起作用 - 当我点击表格的任何一行时,我无法看到检索行数据的函数被调用。

0 个答案:

没有答案