使用 DTOptionsBuilder、ColVis 使用 AngularJs 更改列可见性时执行操作答案

【问题标题】：Perform operation when column visibility changes with DTOptionsBuilder, ColVis using AngularJs使用 DTOptionsBuilder、ColVis 使用 AngularJs 更改列可见性时执行操作
【发布时间】：2016-02-03 11:43:48
【问题描述】：

我将 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')
    );
} );

【问题讨论】：

忘记发布答案...问题已解决，在初始化 colvis 插件时，可以选择在列的状态更改时添加回调函数，如下所示：- var colvis = new $.fn。 dataTable.ColVis(table, { buttonText: ' ', align: 'right', exclude: _excludeColumns, stateChange: function(iColumn, bVisible) { console.log('Column '+iColumn+' 设置为 '+ bVisible); //在这里做这些事情} });

标签： javascript angularjs datatables

【解决方案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
     }
});

【讨论】：