Javascript 适用于UI网格上隐藏列的事件

我正在使用ui网格

其中有选项隐藏列。我想在用户隐藏列时获取事件。我想在列隐藏时显示警报？在ui网格中是否有任何事件在列被隐藏时触发

---

hide column

在用户单击列标题时显示。有一个弹出屏幕，可以选择隐藏列。

这可以通过添加以下代码使用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>

jQuery（函数（）
{
jQuery（'.ui网格列菜单按钮'）。单击（函数（）
{
$col=jQuery（this）.closest（'.ui网格头单元格'）；
var colNumber=$col.index（）+1；
var colName=$col.find（'.ui网格头单元格标签'）.text（）；
jQuery（“.ui网格菜单项>li[id='menuitem-3']按钮”）。单击（函数（）
{
警报（“列号“+colNumber+”（“+colName+”）隐藏”）；
});
});
});

您可以使用

---

我们可以在那里使用angularis，而不使用angularis吗？>

<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>

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