datatable fnReloadAjax success

Question

I need to use icons but they disappear when I reload the datatable.

When I declare the datatable I use fnInitComplete

"fnInitComplete": function(oSettings, json) {
    $(".readable_row").button({icons:{secondary:"ui-icon-folder-open"}});
    $(".editable_row").button({icons:{secondary:"ui-icon-wrench"}});
}

Is there a way to use fnInitComplete with fnReloadAjax? Or maybe a to wait for fnReloadAjax to succeed in retrieving data and reloading the datatable?

Answer 1

Using a handler attached to the draw event I was able to re-attach the icons. I didn't even have to use fnInitComplete .

Using .on() :

$("#example").on("draw", function() {
    $(".readable_row").button({icons:{secondary:"ui-icon-folder-open"}});
    $(".editable_row").button({icons:{secondary:"ui-icon-wrench"}});
});

I had to use .delegate() since I had an older version of jQuery :

$("body").delegate("#example", "draw", function() {
    $(".readable_row").button({icons:{secondary:"ui-icon-folder-open"}});
    $(".editable_row").button({icons:{secondary:"ui-icon-wrench"}});
});