2013-01-19 42 views
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收到的方式在表中加载,而不是以我重新排序我的表列的方式

回答

3

您可以使用fnUpdate。基本上,它的工作原理是行索引和行的所有值必须被插入(无法输入2倍的值时,你有4列为例)

下面是该方法的API链接:jQuery DataTable fnUpdate

我认为它触发了行回调,但我不知道它。

+0

tnx回答你的答案几乎是正确的,我解决了它大约10个月前!但tnx它可以解决这个 – Homam

+0

对不起,经过Unanswered,没有看到日期。 –

相关问题