根据 AJAX 响应动态添加 id 到数据表行

Question

我看到的让arbituary ID来使用行回调的数据表行的帖子在这里。 我想根据我的 AJAX 响应dataToUse给行特定的 id； 每一行都有一个唯一的 id，作为 JSON 对象的一个​​字段。 这是我的数据表的结构：

table = $('#_table').dataTable({
                ajax: function (data, callback, settings) {
                    $.ajax({
                             type: "post",
                             url: '/test/getvalues',
                             dataType: "json",
                             success: function (result) {
                                var dataToUse = {};
                                dataToUse.data = result.map.count;
                                callback(dataToUse);
                             }
                           });
                  }
        })

}

Answer 1

您是否只想根据从 dataToUse 获得的信息对特定行执行某些操作？ 首先，我将描述您提供的示例中发生的行为。 代码如下：

if ( data[5].replace(/[\$,]/g, '') * 1 > 150000 ) {
    $('td', row).eq(5).addClass('highlight');
}

这是检查数据中的第 6 项，即薪水，是否大于 150,000，如果是，则通过 jQuery 使用 CSS 选择器选择该项目，然后为其添加一个类。

根据您的问题，您希望根据 result 提供给 dataToUse 的一些数据执行类似的表修改行为。 在这种情况下， result 将需要提供某种信息以允许您构建适当的 jQuery 选择器， $(someSelector) 来选择要修改的行，然后您可以根据需要修改它们。 您可以在您的成功功能中执行所有这些操作。

如果您想向它们添加一些特定的样式或行为，我建议更新它们的类而不是 id。 更新 id 往往是不好的做法。

Answer 2

这篇文章，其答案已粘贴在这里，给出了答案，

    'fnCreatedRow': function (nRow, aData, iDataIndex) {
        $(nRow).attr('id', 'my' + iDataIndex); // or whatever you choose to set as the id
    },

aData不知何故是我收到的 AJAX 数据。 这对我来说就像魔术，但它奏效了！