Я использую jQuery datatable и плагин Jeditable для редактирования первого столбца моей таблицы. Jeditable работает нормально, обновляет таблицу БД и показывает отредактированное значение в таблице, но делает это только после обновления страницы. Я хочу, чтобы он обновлялся без обновления страницы. Вот мой код:
JavaScript
$(document).ready(function()
{
var objTable = $(".example").DataTable(
{
"info": false,
"scrollCollapse": true,
"paging": false,
"order": [[ 1, "asc" ]]
});
$( '.edit' ).each( function()
{
$( this ).editable( 'UpdateDBTableURL',
{
'width' : '90%',
'height' : '80%',
'tooltip' : 'Click to Edit',
submit : 'Save',
cancel : 'Cancel',
cssclass : "editable",
'submitdata' :
{
'sCompanyID': CompanyID,
'sAction': 'EditLabel'
},
'onClick' : 'submit'
} );
} );
});
HTML-код
<table class="example" width="100%">
<thead>
<tr>
<th>Label</th>
<th>Name</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td class="edit" id="101"> </td>
<td>Mary Kom</td>
<td>2401 N Main St</td>
</tr>
<tr>
<td class="edit" id="102"></td>
<td>David Kom</td>
<td>2401 N Main St</td>
</tr>
</tbody>
</table>