У меня есть таблица, изложенная как:
<table id="myTable">
<thead>
<tr>
<td><input type="checkbox" id="selectall" /></td>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
<td>Column 4</td>
<td>Column 5</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
Затем JavaScript:
var myTable = jQuery('#myTable').dataTable({
/* options */
});
// Ajax request to populate:
jQuery.get('script.php', function(data){
eval("rows="+data);
for(var i=0;i<rows.length;i++){
myTable.fnAddData([
"<input type=\"checkbox\" id=\""+rows[i].uniqueID+"\" />",
rows[i].col1Txt,
rows[i].col2Txt,
rows[i].col3Txt,
rows[i].col4Txt,
rows[i].col5Txt ]);
}
});
Теперь у меня проблемы с обновлением таблицы, на основе которой установлены флажки:
Я пытаюсь обновить 5-ю ячейку в каждой проверяемой строке. Я использую комбинацию fnUpdate
и fnGetPosition
(http://www.datatables.net/api).
fnGetPosition
ожидает элемент td
или tr
, поэтому я решил просто взять родительский флажок td
:
var checkBoxes = jQuery('td > input:checked', myTable);
for(var i=0;i<checkBoxes.length;i++){
var parentTD = jQuery('#'+checkBoxes[i].id).parent(); //seems wrong?
var pos = myTable.fnGetPosition(parentTD);
//alert(pos[0]);
myTable.fnUpdate('Updated text', pos[0], 5);
}
Но я должен делать parentTD
неправильно, так как pos
, кажется, никогда не содержит значения.
Есть идеи?