2017-01-27 4 views
0

DataTables.netでカスタム列をレンダリングすることは可能ですか?私は多くのチュートリアルやドキュメントを読んだことがありますが、動作させることはできません。最初の列の情報を使用するリンクを持つ3列目を作成したいと思います。私のコードは次のようになっています:DataTablesレンダリングカスタム列

$(document).ready(function() { 
    $('#categories').DataTable({ 
     "ajax": '@Url.Action("Table", "Categories")', 
     "columns": [ 
      { "data": "Name" }, 
      { "data": "Parent" }, 
      null 
     ], 
     "columnsDefs": [ 
      { 
       "render": function(data){ 
        return "<a href='~/Admin/Categories/Edit' + data.Name + '>EDIT</a>"; 
       }, 
       "targets": 0 
      } 
     ] 
    }); 
}); 

jsonでは、名前と親列の情報しか取得できません。その中に名前を持つ第3列を作成するためのアイデアはありますか?ありがとう!

答えて

5

さて、私は自分でそれをすることができました。次の世代への答えは次のとおりです。

$(document).ready(function() { 
    $('#categories').dataTable({ 
     "ajax": '@Url.Action("Table", "Categories")', 
     "aoColumns": [ 
      { "data": "Name" }, 
      { "data": "Parent" }, 
      { 
       "mData": "Name", 
       "mRender": function (data, type, row) { 
        return "<a href='Admin/Categories/Edit/" + data + "'>EDIT</a>"; 
       } 
      } 
     ] 
    }); 
});