数据表 JSON 数据答案

【问题标题】：DataTables JSON data数据表 JSON 数据
【发布时间】：2014-06-19 11:54:41
【问题描述】：

我有一个要求，我必须将数据从 JSON 对象发送到数据表。所以我做了以下事情：

$('#example').dataTable( { "data": dataSet, "columns": 
[
  { "title": "Engine" , "data" : "fieldName1"},
  { "title": "Browser", "data" : "fieldName2"},
  { "title": "Platform", "data" : "fieldName3"},
  { "title": "Version",  "data" : "fieldName4"},
  { "title": "Grade", "data" : "fieldName5"}
]
});

此外，我还需要添加一个复选框，并且在另一列中我需要为所有行添加一个编辑链接，所以我尝试了以下操作：

{ "title": "<button>Delete Selected</button>" , "?????" : "??I need to add a check box here????"},
{ "title": "Edit" , "?????" : "??I need to add a edit link here????"},
{ "title": "Browser", "data" : "fieldName2"},
{ "title": "Platform", "data" : "fieldName3"},
{ "title": "Version",  "data" : "fieldName4"},
{ "title": "Grade", "data" : "fieldName5"}

如何添加这些复选框和编辑链接。编辑链接仅适用于每一行。删除选定按钮应删除所有选中复选框的行

【问题讨论】：

标签： html json jquery-datatables

【解决方案1】：

链接：

{
    'mRender': function (data, type, row) {
            return "<a href='\'/Edit/'" + row[1] + "'>Edit</a>";
    }
}

复选框：

{
'mRender': function (data, type, row) {
       return "<input type='checkbox' name='mycheckbox' id="'chk-" + row[1] + "'">";
    }
}

这将在每一行上创建链接和复选框，您必须自己创建删除功能。看看API。

【讨论】：

感谢您的回答

【解决方案2】：

好的，以下对我有用：

{ "title": "<button>Delete Selected</button>", "data":null, "defaultContent": "<input type='checkbox' />" },
{ "title": "Edit", "data":null,"defaultContent": "<a href='#' id='EditBtn' onclick='EditButtonClick()'  />Edit" },

将数据保留为空，并为任何 HTML 标记（如复选框、单选按钮、按钮、编辑链接）使用默认内容。

【讨论】：