角度：DevExtreme DataGridステートストア

Question

私はDevExtreme DataGridウィジェットを私のAngular appの下で使用しています。私は（tableStateLoad）をロードしてを保存するためにカスタムメソッドを使用してい

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

：あなたCASはこのラインで見たよう

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

：ここ

は私のdatGridの図です。 （tableStateSave）私のDataGridの状態（列の位置とサイズ）。

タイムアウトが2秒以内に自動的に変更されるたびに状態保存が行われます。

しかし、私はの自動保存アクションを簡単なボタンで手動で置き換えてください。

提案

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

か、単に空の関数にcustomSaveプロパティを設定します。

Answer 1

あなたは、保存方法、カスタムを指定せずにdxo-state-storingディレクティブを使用することができます。このようにして、状態は自動的にロードされますが、どのような方法でも保存されません。次に、現在のグリッドの状態にgrid.instance.state()でアクセスして、独自の保存ロジックを持つクリックハンドラを持つボタンを実装します。