角: DevExtreme DataGrid状态存储

Question

我使用的是DevExtreme DataGrid小部件。

以下是我的datGrid视图：

<dx-data-grid
    id="gridContainer"
    [dataSource]="employees"
    [allowColumnReordering]="true"
    [allowColumnResizing]="true"
    [columnAutoWidth]="true">
    <dxo-column-chooser [enabled]="true"></dxo-column-chooser>
    <dxo-column-fixing [enabled]="true"></dxo-column-fixing>
    <dxo-state-storing [enabled]="true" type="custom" savingTimeout="2000" [customSave]="tableStateSave" [customLoad]="tableStateLoad"></dxo-state-storing>
    <dxi-column
        caption="Employee"
        [width]="230"
        [fixed]="true"
        [calculateCellValue]="calculateCellValue"
    ></dxi-column>
    <dxi-column dataField="BirthDate" dataType="date"></dxi-column>
    <dxi-column dataField="HireDate" dataType="date"></dxi-column>
    <dxi-column dataField="Position" alignment="right"></dxi-column>
    <dxi-column dataField="Address" [width]="230"></dxi-column>
    <dxi-column dataField="City"></dxi-column>
    <dxi-column dataField="Zipcode" [visible]="false"></dxi-column>
    <dxi-column dataField="HomePhone"></dxi-column>
    <dxi-column dataField="MobilePhone"></dxi-column>
    <dxi-column dataField="Skype"></dxi-column>
    <dxi-column dataField="Email"></dxi-column>
</dx-data-grid>

如cas在这一行中所看到的：

<dxo-state-storing [enabled]="true" type="custom" savingTimeout="2000" [customSave]="tableStateSave" [customLoad]="tableStateLoad"></dxo-state-storing>

我使用自定义方法加载(tableStateLoad)并保存(tableStateSave) my状态(列、位置和大小)。

状态保存是在每次更改操作后，在超时2秒内自动完成的。

但是我想要用一个简单的按钮来代替这个自动保存操作。

建议??

Answer 1

您可以使用dxo-state-storing指令而不指定自定义保存方法：

<dxo-state-storing [enabled]="true" type="custom" savingTimeout="2000"  [customLoad]="tableStateLoad"></dxo-state-storing>

或者将customSave属性设置为空函数。这样，状态就会自动加载，但不会以任何方式保存。然后实现一个按钮，该按钮具有自定义保存逻辑的单击处理程序，使用grid.instance.state()访问当前网格的状态。