Jquery Datatables,在初始化后更改rowcallback

时间:2012-12-17 10:29:51

标签: jquery datatables

我需要掌握现有数据表的fnRowCallback设置,但我尝试的所有内容似乎都失败了。

我尝试了什么:

1:

var dt = $('#table').dataTable({
            "bRetrieve": true,
            "fnRowCallback" : function (nRow, aData, iDisplayIndex, iDisplayIndexFull)    {
             console.warn("working");
             }
        );

2:

var dt = $('#table').dataTable({"bRetrieve": true});

dt.fnSettings().fnRowCallback = function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
        console.warn("working");
    }

没有运气,但如果我改变了

var dt = $('#table').dataTable({"bRetrieve": true});
dt.fnSettings().sAjaxSource = "invalid url";

我收到错误,因此似乎有效。此外,如果我在原始数据表初始化中执行fnRowCallback它可以工作,但这不是我想要的。

1 个答案:

答案 0 :(得分:5)

我删除了我的旧答案,因为我真的不明白你的帖子(已经很晚了!)

看起来您要么必须使用非官方API,要么销毁旧表并重新启动它。

非官方的API方式(可能在以后的版本中不起作用),经过测试;在dataTable 1.9.2中工作

$("#table").dataTable().fnSettings().aoDrawCallback.push( {
    "fn": function (oSettings) {
        if ( oSettings.aiDisplay.length == 0 ) {
            return;
        }

        var nTrs = $('#table tbody tr');
        var iColspan = nTrs[0].getElementsByTagName('td').length;
        var sLastGroup = "";
        for ( var i=0 ; i<nTrs.length ; i++ ) {

            var iDisplayIndex = oSettings._iDisplayStart + i;
            data = oSettings.aoData[ oSettings.aiDisplay[iDisplayIndex] ]._aData;


            // Now you can access things like
            if (data.percentage > 80) {
                // And access the rows like this
                $(nTrs[i]).addClass("highlight-green");
            }

        }
    },
} );

正确的方法:保存旧设置,销毁,重新初始化

var oTable = $('#table').dataTable();

var oldoptions = oTable.fnSettings();

var newoptions = $.extend(oldoptions, {
    fnRowCallback: function(nRow, aData, iDisplayIndex, iDisplayIndexFull)    {
     console.warn("working");
    }
})

oTable.fnDestroy();

$('#table').dataTable(newoptions);

参考:http://datatables.net/forums/discussion/2737/addchange-callback-after-initialization-or-else-clone-settings-to-re-build-table/p1