0

我从我的 web 方法中获取 JSON 数据,并希望使用 DataTables 将其显示在表上。我正在使用 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  
            },

我应该在值部分写什么,以便它与 DesignationID 绑定。在点击编辑时,我得到同一行的 DesignationID 的值。

4

1 回答 1

0

试试下面的代码:

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

将以下 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 您可以删除记录并重绘数据表。

于 2013-09-28T10:50:33.543 回答