Json 数据绑定 wih table 使用 jquery datatable

Question

我正在从我的网络方法获取JSON数据，并希望将其与DataTables一起显示在表格上。我正在使用数据表插件。现在我想添加一个带有隐藏字段的表的编辑链接，以保存要编辑的数据的 id，但我未能做到这一点。

 "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  
            },

我应该在值部分写什么，以便它与指定 ID 绑定。 在单击编辑时，我得到同一行的指定 ID 的值。

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 ] },
    ],  

网页代码：

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

将以下 html 代码添加到从数据库中检索数据的文件末尾的服务器文件。

   $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，您可以删除记录并重新绘制数据表。