1

是否可以在将 Ajax 数据插入页面之前使用DataTables sAjaxSource": "URL"?

我目前正在获取以下 JSON 数组:

{
    "aaData": [
        {
            "Name": "Trident",
            "Link": "http://google.com"
        }
    ]
}

我可以使用以下方法将其插入名称并链接到数据表中:

var oTable = $('#example').dataTable({
    "bProcessing": true,
    "sAjaxSource": "sources/myData.json",
    "sAjaxDataProp": "items",
    "aoColumns": [
        { "mData": "Name" },
        {"mData": "$Link" }
    ]
});

但是,我想将其作为单个 Anchor 元素插入,Text= Name 和 href = Link。这可能吗?

PS:我尝试了什么:我查看了示例并用谷歌搜索但一无所获。

4

1 回答 1

3

我是旧 fnRender 方法的老手,但我相信现在使用mRender可以做到这一点:

var oTable = $('#example').dataTable({
    "bProcessing": true,
    "sAjaxSource": "sources/myData.json",
    "sAjaxDataProp": "items",
    "aoColumns": [
        //{ "mData": "Name" },
        { "mData": "Link",
          "mRender": function (data, type, full) {
              return '<a href="' + full[1] + '">' + full[0] + '</a>';
          } }
    ]
});

PS:我对此进行了编辑以反映您的评论,以澄清您希望将其放在一个列中。取消注释以{ "mData": "Name" },重新添加名称列。还请记住,您的表定义也应更改为一或两列。

于 2013-01-04T15:04:20.277 回答