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 に答える