Json data bind wih table using jquery datatable

Question

Я получаю данные JSON из своего веб-метода и хочу отображать его на столе с помощью DataTables. Я использую плагин DataTables. Теперь я хочу добавить ссылку редактирования в таблицу со скрытым полем для хранения идентификатора для редактируемых данных, но я не могу этого сделать.

"sAjaxDataProp": "aaData", 
     "aoColumns": [ 
      { "mDataProp": "DesignationID","bVisible" :false }, 
      { "mDataProp": "DesignationName" }, 
      { "mDataProp": "DesignationShortName" }, 
      { "mDataProp": "UserName" }, 
      { 
       "sWidth": "20px", 
       "sDefaultContent": 
        "<input id='EditID' type='hidden' value=''> 
         <a name='lnkDelete'>Delete</a>", 
       "bSortable": false 
      }, 

Что следует писать в части ценности, чтобы получить привязку с идентификатором назначения. И при нажатии на редактирование я получаю значение идентификатора назначения той же строки.

Answer 1

Попробуйте следующий код:

"sAjaxSource": "YOUR_AJAX_FILE.php",//here is your server file path 
"aoColumns": [ 
     { "mDataProp": "DesignationName" }, 
     { "mDataProp": "DesignationShortName" }, 
     { "mDataProp": "UserName" }, 
     { "mDataProp": "edit" }, 
     { "mDataProp": "delete" } 
    ], 
"aoColumnDefs": [ 
     { "bSortable": false, "aTargets": [ 3 ] }, 
     { "bSortable": false, "aTargets": [ 4 ] }, 
    ], 

HTML код:

<thead> 
<tr> 
    <th rowspan="2" width="215px">DesignationName</th> 
    <th rowspan="2" width="215px">DesignationShortName</th> 
    <th rowspan="2" width="100px">UserName</th> 
    <th colspan="2" width="70px">Action</th> 
</tr> 
<tr> 
    <th>Edit</th> 
    <th>Delete</th> 
</tr> 

Добавить следующий код в файл сервера в конце файла, в котором данные извлечения из базы данных.

$row['edit'] = "<a href='YOURFILE_NAME.php?YOUR_FIELD_ID={$row['DesignationID']}'>Edit</a>"; 
    $row['delete'] = "<a href='#' name='lnkDelete' id='lnkDelete'>Delete</a>"; 

Примечание: для операции удаления можно использовать атрибут ID и с помощью JQuery Ajax вы можете удалить запись и перерисовки DataTable.