8
我有一个JavaScript表格填充从javascript数组,我有复选框的列,如果它是:checked
那么整行应该每5秒更新一次,问题是我有一个大的fnRowCallback
函数,它不会在执行后执行因此更新了我所有的行结构的重叠。这里是我的更新代码:如何在不重绘表格的情况下更新数据表中的行?
function updateRow(){
newRowData = $.data(document.body, 'updatedData');
var newRow = [];
newRow.push(1, 1);
for (var title in newRowData[0]){
newRow.push(newRowData[0][title]);
}
oTable.fnUpdate(newRow, updateIndex, false, true);
};
,这我fnRowCallback
:
"fnRowCallback": function(nRow, aData, iDisplayIndex) {
//make 3state button and indicator for relay mask & status
$('td.relay', nRow).each(function(){
relayStatus = $(this).text();
$(this).html('<div class="hidden-value">' + relayStatus + '</div><div></div>');
if(relayStatus == 1){
$(this).children('div:last').addClass('relmas1');
}
if(relayStatus == 0){
$(this).children('div:last').addClass('relmas0');
}
if(relayStatus == -1){
$(this).children('div:last').addClass('relmas-1');
}
});
//makes update checkboxes
var clientID = $('td.clientid', nRow).text();
$('td.update', nRow).html('<input type="checkbox" data-clientid="' + clientID + '" />');
//makes volumes
var cuVol = parseInt($('td.volume', nRow).text(), 10)
$('td.volume', nRow).html('<div class="volume-container"><div class="volume-tmp">' + cuVol + '</div><div class="volume-slider"></div></div>')
$('td.volume div.volume-slider', nRow).slider({
value: cuVol,
range: "min",
orientation: "horizontal",
slide: function(event, ui) {
cuVol = ui.value;
$(this).siblings('div.volume-tmp').text(ui.value);
}
});
},
问题是: 如何重绘fnRowCallback
一个选定的行不重绘整个表,并保持它的检查重绘后的状态
编辑:
我再次检查我的代码,看到我的代码被更新c orectly但问题是,我的代码是通过ajax收到的方式在表中加载,而不是以我重新排序我的表列的方式
tnx回答你的答案几乎是正确的,我解决了它大约10个月前!但tnx它可以解决这个 – Homam
对不起,经过Unanswered,没有看到日期。 –