2016-12-18 7 views
1

データテーブル1.10.13サーバーサイド処理を使用しています。そして、私は編集のユーザーリンクで列 '編集'を追加したいと思います。これを行う方法?DataTableサーバーサイドで編集列を追加する処理

私のjsファイル

$('#userTable').DataTable({ 
    "processing": true, 
    "serverSide": true, 
    "ajax": { 
     "type": "GET", 
     "url": "", 
     "dataSrc": "data", 
     "contentType": "application/json; charset=utf-8", 
     "dataType": "json", 
     "processData": true 
    }, 

    "columns": [ 
     { "data": "id" }, 
     { "data": "email" }, 
     { "data": "" }, //edit link column 
    ] 
}); 

DataTableのビューPHP

<table cellspacing="0" id="userTable" class="display"> 
    <thead> 
    <tr> 
     <th class="ui-state-default">Name</th> 
     <th class="ui-state-default">Email</th> 
     <th class="ui-state-default">EDIT</th> 
    </tr> 
    </thead> 
    <tbody></tbody> 
</table> 

あなたは、あなたがする必要があるデータテーブルの列の定義

$('#userTable').DataTable({ 
"processing": true, 
"serverSide": true, 
"ajax": { 
    "type": "GET", 
    "url": "/user/userListData", 
    "dataSrc": "data", 
    "contentType": "application/json; charset=utf-8", 
    "dataType": "json", 
    "processData": true 
}, 

"columns": [ 
    { "data": "id" }, 
    { "data": "email" }, 
    { "data": "" }, //edit link column 
], 
columnDefs: [ { 
         "targets": 0, 
         "orderable": false 
        }, 

        { 
         "targets": 1, 
         "orderable": false, 

        } 
        ,{ 
         "targets": 2, 
         "orderable": false, 
         "render": function (data, type, row) { 
          return '<a href="#" class="yourClass">Edit</a>'; 

        } 
        } 
        ], 

     }); 
}); 

答えて

1

内部リンクを提供することができます

+0

:どのようになるのhtml提供することで、列をレンダリングすることをコールバックしてプロパティをレンダリングここに私の現在のURLのリターン「」ですが。 –

+0

更新された投稿を参照してください –

+0

エラーが発生しましたUncaught ReferenceError:idが定義されていません –

0

をアドバイスしてください定義する私は、URLの編集URLにIDを渡すことができますどのように

"columns": [ 
     { "data": "id" }, 
     { "data": "email" }, 
     { "data": "id", 
      "searchable": false, 
      "sortable": false, 
      "render": function (id, type, full, meta) { 
            return '<a href="/user/userdata/'+id+'"><i class="fa fa-pencil"></i></a>'; 
           } 
     }, 
    ] 
関連する問題