AG-Grid 'columnMoved' 事件从不触发

Question

我想在用户对列重新排序时将我的网格状态保存到本地存储。

我想也许我只是使用了错误的事件名称，但尝试了各种变体，包括 dragStopped 但没有任何运气

我的代码中的 onColumnMoved 方法从未在以下代码中执行：

            <ag-grid-angular 
                #someGrid  class="ag-theme-balham" 
                [rowData]="model" 
                [columnDefs]="colDefs"
                [enableFilter]="true" 
                [enableSorting]="true" 
                [animateRows]="true" 
                [enableRangeSelection]="true" 
                [enableColResize]="true"
                rowSelection="multiple" 
                (selectionChanged)="onSelectionChanged()"
                (columnMoved )="onColumnMoved($event)">
            </ag-grid-angular>```


I'm using the free version for what it matter, Angular 6

Answer 1

我认为事件没有触发，因为在 (columnMoved ) 事件之后有 space 如果你删除那个 space 那么代码将工作。

<ag-grid-angular 
                #someGrid  class="ag-theme-balham" 
                [rowData]="model" 
                [columnDefs]="colDefs"
                [enableFilter]="true" 
                [enableSorting]="true" 
                [animateRows]="true" 
                [enableRangeSelection]="true" 
                [enableColResize]="true"
                rowSelection="multiple" 
                (selectionChanged)="onSelectionChanged()"
                (columnMoved )="onColumnMoved($event)">
            </ag-grid-angular>

Here is solution on plunker

AG-Grid 'columnMoved' 事件从不触发

AG-Grid 'columnMoved' event never fires

ag-grid

angular