2016-02-03 30 views
1

我正在將DTOptionsBuilder與ColVis插件用於數據表+在AngularJs中顯示和隱藏列。 我希望在更改列的可見性時執行一些操作。 我發現了一個事件'column-visibility.dt',它通知列的可見性發生了變化。 因此,我想以角度的方式做下面的事情,但困惑如何。使用DTOptionsBuilder,ColVis使用AngularJs更改列可見性時執行操作

$('#example').dataTable(); 

$('#example').on('column-visibility.dt', function (e, settings, column, state) { 
    console.log(
     'Column '+ column +' has changed to '+ (state ? 'visible' : 'hidden') 
    ); 
}); 
+0

忘了張貼的答案...問題解決方案,有一個選項來添加回調函數的狀態更改列如下所示,同時初始化colvis插件: - var colvis = new $ .fn.dataTable.ColVis(table,{ buttonText:'', align:'右', 排除:_excludeColumns, stateChange:function(iColumn,bVisible){console.log('Column'+ iColumn +'set to'+ bVisible); //做這裏的東西 } }); – Shital

回答

0

我的問題就解決了,還有就是在列的狀態更改添加的回調函數如下,同時初始化colvis插件的選項: -

var colvis = new $.fn.dataTable.ColVis(table, { 
    buttonText: ' ', 
    align: 'right', 
    exclude: _excludeColumns, 
    stateChange: function(iColumn, bVisible) { 
     console.log('Column '+iColumn+' set to '+ bVisible); 
     //Do the stuff here 
    } 
}); 
相關問題