UIグリッドの非表示列に適切なイベント

Question

私はUIグリッドを使用しています。

http://ui-grid.info/docs/#/tutorial

オプション非表示欄があることで。ユーザーが列を非表示にしたときにイベントを取得したい列が隠されているときに警告を表示したいですか？列が隠されているときに発生するイベントがUIグリッドにありますか？

<div ng-controller="MainCtrl"> 
    <div class="grid" ui-grid="gridOptions" ui-grid-move-columns></div> 
</div> 

hide column

http://plnkr.co/edit/9kDPhXz1d5Yn2ioyKa6w?p=preview

は、列のヘッダーにユーザーのクリックが非表示の列のオプションを持っているポップアップ画面..thereときに表示されます。

Answer 1

これは、次のコードを追加することによって、jQueryを使って達成することができます：

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script> 
<script type="text/javascript"> 
    jQuery(function() 
    { 
    jQuery('.ui-grid-column-menu-button').click(function() 
    { 
     $col = jQuery(this).closest('.ui-grid-header-cell'); 
     var colNumber = $col.index() + 1; 
     var colName = $col.find('.ui-grid-header-cell-label').text(); 
     jQuery(".ui-grid-menu-items > li[id='menuitem-3'] button").click(function() 
     { 
      alert("Column Nº "+colNumber+" ("+colName+") hidden"); 
     }); 
    }); 
    }); 
</script> 

Answer 2

あなたはcolumnVisibilityChanged(scope, callBack)

onRegisterApi : function(gridApi) { 
    $scope.gridApi = gridApi; 
    $scope.gridApi.core.on.columnVisibilityChanged($scope,function (column) {console.log('Column Scope',column);}); 
}