我需要掌握现有数据表的fnRowCallback设置,但我尝试的所有内容似乎都失败了.
我试过了什么:
1:
var dt = $('#table').dataTable({
"bRetrieve": true,
"fnRowCallback" : function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
console.warn("working");
}
);
Run Code Online (Sandbox Code Playgroud)
2:
var dt = $('#table').dataTable({"bRetrieve": true});
dt.fnSettings().fnRowCallback = function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
console.warn("working");
}
Run Code Online (Sandbox Code Playgroud)
没有运气,但如果我改变
var dt = $('#table').dataTable({"bRetrieve": true});
dt.fnSettings().sAjaxSource = "invalid url";
Run Code Online (Sandbox Code Playgroud)
我得到一个错误,以便一个似乎工作.此外,如果我在原始数据表初始化中执行fnRowCallback它可以工作,但这不是我想要的.
我删除了我的旧答案,因为我真的不明白你的帖子(已经很晚了!)
看起来您要么必须使用非官方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");
}
}
},
} );
Run Code Online (Sandbox Code Playgroud)
正确的方法:保存旧设置,销毁,重新初始化
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);
Run Code Online (Sandbox Code Playgroud)
参考:http://datatables.net/forums/discussion/2737/addchange-callback-after-initialization-or-else-clone-settings-to-re-build-table/p1
| 归档时间: |
|
| 查看次数: |
6704 次 |
| 最近记录: |