angularjs - Ag-grid：在侧边栏面板外部以角度单击时隐藏列侧边栏

Question

有谁知道在 ag-grid 侧边栏外部单击时如何隐藏它？我可以在按钮单击时做到这一点，但在侧边栏外部单击时无法找到如何折叠它

标签： angularjsag-gridag-grid-angularag-grid-reactag-grid-ng2

Answer 1

您需要将其设置为 false

this.gridApi.setSideBarVisible(false)  // hide
this.gridApi.setSideBarVisible(true)    // show

您可以使用以下方式处理事件：-

https://www.ag-grid.com/react-data-grid/grid-events/#reference-selection

检查可用的网格事件，如onCellClicked、onCellFocused等：-

https://www.ag-grid.com/react-data-grid/side-bar/#side-bar-api

还：-

componentDidMount() {
  window.addEventListener('keydown', this.onKeyDown);
}

  onKeyDown = (e) => {      
      // check sidebar is visible
   
     if(this.gridApi.isSideBarVisible()){
    // code here
     }
  }