在TableDnD插件使用的jQuery数据表上设置一个id

时间:2010-12-08 13:56:20

标签: jquery datatables

我有一个表,我从服务器端PHP脚本加载数据,该脚本将表作为JSON返回给jQuery dataTables进行渲染。然后我使用jQuery tableDnD插件来允许拖放表的重新排序,这要求表的行包含与数据库中的表行匹配的id,即<tr id="1">

我想知道如何使用dataTables实现这一点,因为它不允许我指定它。

我目前的想法是对数据使用回调,或者重写tableDnD以从索引列读取id值,是否有人对此有任何想法?

1 个答案:

答案 0 :(得分:4)

回调证明是答案,

    $('#dataTable').dataTable( {
    ...
        "aoColumns" : [
            { sWidth:'40px' },
            { sWidth:'40px',sClass:'position' },
            ...
            { sWidth:'3px',sClass:'handle' }
        ],
            ...
        "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
            $(nRow).attr("id",aData[0]);
            return nRow;
        },

使用fnRowCallback我能够将属性id添加到表行,然后使用id作为返回数据的第一个元素加载aData[0]

我发现我可以使用"aoColumns"来加载我的jQuery tableDnD所需的宽度和类'position'以及'handle'。

我想我下次应该再读一下这本手册了!