8

我有从 javascript 数组填充的 dataTables v1.9.4 并且我有复选框列，如果是，: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在重绘后保持选中状态
编辑：
我仔细检查了我的代码，发现我的代码正在正确更新，但问题是我的代码已加载表格的方式是通过 ajax 接收的，而不是我重新排序表格列的方式

4

1 回答 1

3

您可以使用 fnUpdate。基本上它通过行索引工作，并且必须插入行的所有值（例如，当你有 4 列时不能输入 2 个值）

这是该方法的 API 的链接：jQuery DataTable fnUpdate

我认为它会触发行回调，但我不确定。

于 2013-12-23T13:50:12.713 回答