DataTables Ajax 添加指向 json 数组的链接答案

【问题标题】：DataTables Ajax add link to json arrayDataTables Ajax 添加指向 json 数组的链接
【发布时间】：2014-10-09 02:08:56
【问题描述】：

这是我的 json 输出
{"draw": 1, "recordsTotal": 2, "recordsFiltered": 2, "data": [["2014-08-01","34","84"],["2014-08-02" ,"36","61"]]}

使用 DataTable 我可以构建我的表

<table>
<tr>
    <td>2014-08-01</td>
    <td>34</td>
    <td>84</td>
</tr>
<tr>
   <td>2014-08-02</td>
   <td>36</td>
   <td>61</td>
</tr>
</table>

这就是我的表格，你得到了图片...所以第一列是日期，第二列是 ID，第三列只是一个值...我想添加一个指向 ID 的链接

<table>
    <tr>
      <td>2014-08-01</td>
      <td><a href="foo.php?id=34">34</a></td>
      <td>84</td>
    </tr>
    <tr>
      <td>2014-08-02</td>
      <td><a href="foo.php?id=36">36</a></td>
      <td>61</td>
    </tr>
    </table>

这是我用于“ajax”的代码

$('#tr1').dataTable({
            "processing": true,
            "bServerSide": false,
            "sAjaxSource": "rep/cm.php?pm",
            "sServerMethod": "GET",
            "wPaginationType": "full_numbers"
        });

那么，我该如何添加该链接？

【问题讨论】：

标签： jquery ajax json datatables

【解决方案1】：

修改您的文件“rep/cm.php?pm”以返回一个不同的 json 数组，该数组已经包含链接而不是页面 ID 号。

这应该是你的 json 输出：

{"draw": 1, "recordsTotal": 2, "recordsFiltered": 2, "data": [["2014-08-01","<a href=\"foo.php?id=34\">34</a>","84"],["2014-08-02","<a href=\"foo.php?id=36\">36</a>","61"]]}

【讨论】：

【解决方案2】：

我认为您可以将aoColumnDefs 与mData 和mRender 一起使用，看看DataTAbles。 mData 和 mRender 允许在不更改表的基础数据的情况下操作数据以进行显示。

$('#tr1').dataTable({
            "processing": true,
            "bServerSide": false,
            "sAjaxSource": "rep/cm.php?pm",
            "sServerMethod": "GET",
            "wPaginationType": "full_numbers",
            "aoColumnDefs": [
                { "aTargets": [1], "mData":1,
                   "mRender": function ( data, type, full ) {
                     return '<a href="foo.php?id='+ data +'">'+ data + '</a>';
                   }},
            ]
        });

【讨论】：