jquery - 将自定义数据属性插入 jQuery DataTables

Question

问题:

• 我正在将 JQuery DataTables v1.10 用于与工作相关的项目。

• 该项目需要定义和创建一个数据表，并使用解析后的 JSON 数据作为表的值传入

• 创建数据表后，每列中的每个单元格都应该有一个单击事件，用于打开弹出窗口并传入从端点接收的 JSON 名称列表。端点会根据单击的表格单元格而变化。

• 我认为，在数据表实例化时，我需要在每个表单元格元素上定义的 HTML5 数据属性中存储某种唯一信息。我希望声明一个自定义数据属性(例如:data-endpoint =“endpoint id”)，但我不确定如果通过 DataTables 动态生成表行是否可以做到这一点。

因为我不知道/理解我的选择是什么，所以我想描述一下我理想中想做的事情:

• 实例化数据表并向其传递解析后的 JSON 数据。
• 在表实例化时，在每个表单元格元素上设置自定义数据属性。
• 访问表格单元格点击事件，向其传递存储在正确数据属性中的信息，以便获取正确的端点。
• 创建一个 popin，用于显示从端点接收的结果。

我不明白的部分是如何在表格单元格元素上创建自定义数据属性。这是可能的还是我需要考虑另一种方法？

Answer 1

您可以尝试在实例化时使用 createdRow 回调。示例:

$table.dataTable({

    "destroy": true, // To replace existing data
    "data": jsonData,
    "columns": columns,

    // Per-row function to iterate cells
    "createdRow": function (row, data, rowIndex) {
        // Per-cell function to do whatever needed with cells
        $.each($('td', row), function (colIndex) {
            // For example, adding data-* attributes to the cell
            $(this).attr('data-foo', "bar");
        });
    }
});

我认为这可以帮助您完成您需要的事情。