javascript - DataTable createdRow 没有向行添加属性吗？

Question

我正在尝试将 data-foo 属性添加到 DataTable 的每一行。我需要此属性来对数据进行排序，但是我尝试了以下方法，但它没有添加定义的属性

cx.common.data.cxAdminDataTables.EbFaqCategory = $CxRecordsTable.cxAdminDataTable({
    ajaxUrl: '<?php echo $this->CxHelper->Route('eb-admin-get-general-faq-categories')?>',
    // Per-row function to iterate cells
    "createdRow": function (row, data, rowIndex) {
        // Per-cell function to do whatever needed with cells
        $.each($('tr', row), function (colIndex) {
            // For example, adding data-* attributes to the cell
            $(this).attr('data-foo', "bar");
        });
    },
    columns: [
        cx.common.admin.tableEditColumn('id', { delete: true }),
        { data: 'category_name' },
        { data: 'faq_order' },
        cx.common.admin.tableDateColumn('date_created')
    ]
});

我的查看代码:

<table id="cx-records-table" class="table table-striped table-bordered faq-categories-table" width="100%">
    <thead>
        <tr>
            <th></th>
            <th class="hasinput">
                <input type="text" class="form-control filter" placeholder="Name">
            </th>
            <th class="hasinput">
                <input type="text" class="form-control filter" placeholder="Order">
            </th>
            <th class="hasinput">
                <input type="text" class="form-control filter" placeholder="Date Created">
            </th>
        </tr>
        <tr>
            <th></th>
            <th class="all">Name</th>
            <th class="all">Order</th>
            <th class="all">Date Created</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

JS:

var $sortable = $( ".faq-categories-table > tbody" );
$sortable.sortable({
    stop: function ( event, ui ) {
        var parameters = $sortable.sortable( "toArray");
        console.log(parameters);
        $.ajax({
            url: '<?php echo $this->CxHelper->Route('eb-admin-change-general-faq-category-order')?>',
            type: 'POST',
            data: { value: parameters },
            success: function (data) {
                cx.common.data.cxAdminDataTables.EbFaqCategory.cxAdminDataTable("reloadAjax");
            }
        });

    }
});

Answer 1

$.each($('tr', row) 不起作用，因为 row 已经是 tr 标记，并且使用带有第二个参数的 $ 将限制上下文中的选择作为第二个参数。tr 内没有 tr code>，因此您的选择为空。

尝试简单地使用:

"createdRow": function (row, data, rowIndex) {
    // Per-cell function to do whatever needed with cells
    $(row).attr('data-foo', "bar");
},