javascript - 如何获取数据表列的值？

Question

我想获取数据表列的值。这是我的数据表脚本:

$(function () {
        $('#kategoriTable').DataTable({
            "paging": true,
            "lengthChange": true,
            "searching": true,
            "ordering": true,
            "info": true,
            "autoWidth": true,
            "scrollX": false,
            "ajax": {
                "url" : "kugi/getDataKategori",
                "dataSrc" : function(json) {
                    console.log(json);
                    return json.ProposalCategories
                }
            },
            "columns": [
                { "data": "CategoryId"}, // I want to get this value, and then use it to edit the data
                { "data": "Name"},
                { "data": "Code"},
                { "data": "TypeName"},
                { "data": "IsAbstract"},
                { "data": "DefSrcOrganisationName"},
                { "data": null,
                  "bSortable": false,
                  "mRender": function (o) { return '<a href="kugi/edit_usulan_kategori/"><button class="btn btn-success btn-xs">Edit</button></a>'; }
                }
            ]
        });
    });

之后我想将此值发送到此代码

return '<a href="kugi/edit_usulan_kategori/XXXX"><button class="btn btn-success btn-xs">Edit</button></a>'

如何获取 CategoryId 的值，然后将其放入 XXXX ？

先谢谢了。

Answer 1

您已经很接近了 - 您实际上可以通过 row 参数访问所有列值:

columns: [
   { data: "CategoryId" }, 
   { data: "Name" },
   { data: "Code" },
   { data: "TypeName" },
   { data: "IsAbstract" },
   { data: "DefSrcOrganisationName" },
   { data: null,
     sortable: false,
     render: function(data, type, row) {
         return '<a href="kugi/edit_usulan_kategori/'+row.CategoryId+'">'+
                '<button class="btn btn-success btn-xs">Edit</button></a>'
     }
   }      
]

此处的文档 -> https://datatables.net/reference/option/columns.render