Question

我正在使用DTOptionsBuilder和ColVis插件进行数据表+显示和隐藏AngularJs中的列。我希望在更改列的可见性时执行一些操作。我发现了一个事件'column-visibility.dt'，它通知列可见性已更改。所以我想以Angular的方式做下面的事情，但是感到困惑。

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

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

Answer 1

我的问题解决了，有一个选项可以在初始化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
     }
});

使用DapeptionsBuilder，ColVis使用AngularJs更改列可见性时执行操作

1 个答案: