将数据属性放在DataTables 1.10上的行add上

put data attribute on row add on DataTables 1.10

本文关键字：add 数据属性 DataTables      更新时间：2023-09-26

我使用table.row.add()方法在DataTables 1.10.2上动态添加新行，使用以下代码：

table.row.add([
    '',
    name,
    target_l,
    details,
    panel.html()    
]).draw();

我制作了这个标记：

<tr role="row" class="odd">
    <th>1 .</th>
    <td class="sorting_1">ID Fee</td>
    <td>All students</td>
    <td></td>
    <td>
        <button class="btn btn-null btn-xs" onclick="_remove(59, 'ID Fee')">
            <span class="fui-cross"></span>
        </button>
        <button class="btn btn-null btn-xs" onclick="_edit(59, 'ID Fee', '', '')">
            <span class="icon-pencil"></span>
        </button>
    </td>
</tr>

我想做的是将数据id（和其他数据）属性添加到新添加的tr标记中（在行插入时或在行插入之后），并使其类似于以下内容：

<tr data-id="59" role="row" class="odd">

我已经使用代码获得了新添加行的索引，它返回最后一行索引：

var i = table.row.add([
    '',
    name,
    target_l,
    details,
    panel.html()    
]).index();

并尝试执行以下操作，使用的索引添加数据id属性：

var id = $("#department_id").val();
table.row(i).attr("data-id", id);
// table.row(i).data("id", id);
// I wanted to try this but there is also a method called data() already in
// DataTables so it will not work like in JQuery.

我是DataTables的新手，已经滚动了它的源代码，红色的注释。虽然不善于理解CCD_ 2开头的功能。如果有其他方法不依赖这些_fn*()功能，谢谢！

您可以使用rows（）.nodes（）API函数，请参阅以下内容：

var i = table.row.add([
    '',
    name,
    target_l,
    details,
    panel.html()    
]).index();
var id = $("#department_id").val();
table.rows(i).nodes().to$().attr("data-id", id);
相关文章：