在JQuery DataTables中插入自定义数据属性
在JQuery DataTables中插入自定义数据属性
提问于 2014-09-14 03:35:15
问题：
- 我在一个与工作相关的项目中使用JQuery DataTables v1.10。
- 该项目要求使用解析的JSON数据定义和创建Datatable，并将其作为表的值传入
- 一旦创建了datatable，每个列中的每个单元格都应该有一个click事件，该事件打开一个弹出，并传入从端点接收的JSON中的名称列表。端点根据单击的表单元格进行更改。
- 我认为，在datatable实例化时，我需要在每个表单元元素上定义的HTML5数据属性中存储某种类型的唯一信息。我本来希望声明一个自定义数据属性(ex: data-终结点=“终结点id")，但如果表行是通过DataTables动态生成的，我不确定这是否可行。
因为我不知道/不明白我的选择是什么，所以我想描述一下我理想中想做的事情：
- 实例化datatable并将解析的JSON数据传递给它。
- 在表实例化中，在每个表单元元素上设置一个自定义数据属性。
- 访问表格单元格单击事件，将存储在正确数据属性中的信息传递给它，以便获得正确的端点。
- 创建一个popin，它将显示从端点接收的结果。
我不明白的部分是如何在表单元元素上创建自定义数据属性。这是可能的还是我需要考虑另一种方法。任何帮助都是非常感谢的！
回答 2
Stack Overflow用户
发布于 2014-10-06 06:56:33
您可以尝试在实例化时使用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");
});
}
});我觉得这能帮你做你想做的事。
Stack Overflow用户
发布于 2016-10-18 20:11:13
我不得不做一些类似的事情。我不确定剩下的部分，但是我使用columnDefs选项来设置属性。
....
"destroy": true, // To replace existing data
"data": jsonData,
"columns": columns,
// Sets the attribute
"columnDefs": [{
"targets":'_all',
"createdCell": function(td){
td.setAttribute('foo','bar');
}
}]
...它仍然使用createdCell选项，但它模仿了我在他们的文档(https://datatables.net/reference/option/columns.createdCell)中发现的内容。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25829824
复制相关文章
相似问题
腾讯云开发者
