AG-Grid“ columnMoved”事件从不触发

时间:2019-02-25 11:15:17

标签: angular ag-grid

每当用户对列进行重新排序时,我都希望将网格状态保存到本地存储中。

我想也许我只是使用了错误的事件名称,但是尝试了各种变体,包括没有任何运气的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

1 个答案:

答案 0 :(得分:1)

我认为该事件不会触发,因为(columnMoved )事件之后有空格。如果删除该空格,则代码将起作用。

<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