【问题标题】:How To Get Datatables Column's Value?如何获取数据表列的值?
【发布时间】:2015-11-21 15:14:40
【问题描述】:

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

$(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

之前谢谢。

【问题讨论】:

标签: javascript php json ajax datatables


【解决方案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

【讨论】:

  • 那段代码对我帮助很大。接受的答案@davidkonrad
猜你喜欢
  • 1970-01-01
  • 2012-05-21
  • 2012-01-23
  • 1970-01-01
  • 1970-01-01
  • 2013-03-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多