diff --git a/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx b/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
index fbe3bc373f..325b510b27 100644
--- a/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
+++ b/docs/xplat/src/content/jp/components/grids/_shared/state-persistence.mdx
@@ -18,42 +18,66 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
# {Platform} {ComponentTitle} 状態保持
-{Platform} {ComponentTitle} の {ProductName} 状態保持機能を使用すると、開発者はグリッドの状態を簡単に保存および復元できます。 が {Platform} に適用されると、 および `SetState` メソッドが公開され、開発者はこれを使用して、あらゆるシナリオで状態の永続化を実現できます。
+ {Platform} {ComponentTitle} の {ProductName}{" "}
+ 状態保持機能を使用すると、開発者はグリッドの状態を簡単に保存および復元できます。
+ が {Platform} {" "}
+ に適用されると、
+ および
+ `SetState`
+ メソッドが公開され、開発者はこれを使用して、あらゆるシナリオで状態の保持を実現できます。
-{Platform} {ComponentTitle} の {ProductName} 状態保持を使用すると、開発者はグリッドの状態を簡単に保存および復元できます。 が {Platform} に適用されると、、、 および メソッドが公開され、開発者はこれを使用して、あらゆるシナリオで状態の永続化を実現できます。
+ {Platform} {ComponentTitle} の {ProductName} 状態保持を使用すると、開発者はグリッドの状態を簡単に保存および復元できます。 が {Platform} に適用されると、、 、 および メソッドが公開され、開発者はこれを使用して、あらゆるシナリオで状態の保持を実現できます。
-{Platform} {ComponentTitle} の {ProductName} 状態保持を使用すると、開発者はグリッドの状態を簡単に保存および復元できます。 が {Platform} に適用されると、`GetStateAsStringAsync` および `ApplyStateFromStringAsync` メソッドが公開され、開発者はこれを使用して、あらゆるシナリオで状態の永続化を実現できます。
+ {Platform} {ComponentTitle} の {ProductName}{" "}
+ 状態保持を使用すると、開発者はグリッドの状態を簡単に保存および復元できます。
+ が {Platform} {" "}
+ に適用されると、`GetStateAsStringAsync` および `ApplyStateFromStringAsync`
+ メソッドが公開され、開発者はこれを使用して、あらゆるシナリオで状態の保持を実現できます。
## サポートされる機能
- supports saving and restoring the state of the following features:
+ は、以下の機能の状態の保存および復元をサポートします。
- は、以下の機能の状態の保存および復元をサポートします。
+- **ソート**
+- **フィルタリング**
+- **高度なフィルタリング**
+- **ページング**
+- **セルの選択**
+- **行の選択**
+- **列の選択**
+- **行のピン固定**
+- **展開**
+- **グループ化**
+- **列**
+ - 複数列ヘッダー
+ - 列の順序
+ - インターフェイスによって定義される列プロパティ
-- **Sorting**
-- **Filtering**
-- **Advanced Filtering**
-- **Paging**
-- **CellSelection**
-- **RowSelection**
-- **ColumnSelection**
-- **RowPinning**
-- **Expansion**
-- **GroupBy**
-- **Columns**
+- **行アイランド**
+ - 階層のすべての子グリッドの保存/復元機能
+- **ソート**
+- **フィルタリング**
+- **高度なフィルタリング**
+- **ページング**
+- **セルの選択**
+- **行の選択**
+- **列の選択**
+- **行のピン固定**
+- **展開**
+- **グループ化**
+- **列**
- 複数列ヘッダー
- 列の順序
- - `IColumnState` インターフェイスによって定義される列プロパティ。
-
+ - インターフェイスによって定義される列プロパティ
@@ -65,20 +89,20 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
-
- - Pivot Configuration properties defined by the interface.
- - Pivot Dimension and Value functions are restored using application level code, see [Restoring Pivot Configuration](state-persistence.mdx#restoring-pivot-configuration) section.
- - Pivot Row and Column strategies are also restored using application level code, see [Restoring Pivot Strategies](state-persistence.mdx#restoring-pivot-strategies) section.
+ - インターフェースで定義されるピボット構成プロパティ。
+ - ピボット ディメンションおよび値関数は、アプリケーション レベルのコードで復元されます。詳細は[ピボット構成の復元](state-persistence.mdx#ピボット構成の復元)セクションを参照してください。
+ - ピボットの行および列のストラテジも、アプリケーション レベルのコードで復元されます。詳細は[ピボットストラテジの復元](state-persistence.mdx#ピボットストラテジの復元)セクションを参照してください。
--
--
--
--
--
--
- - Pivot Configuration properties defined by the interface.
- - Pivot Dimension and Value functions are restored using application level code, see [Restoring Pivot Configuration](state-persistence.mdx#restoring-pivot-configuration) section.
+ -
+ -
+ -
+ -
+ -
+ -
+ - インターフェースで定義されるピボット構成プロパティ。
+ - ピボット ディメンションおよび値関数は、アプリケーション レベルのコードで復元されます。詳細は[ピボット構成の復元](state-persistence.mdx#ピボット構成の復元)セクションを参照してください。
@@ -96,22 +120,25 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
- このメソッドは、シリアル化された JSON 文字列でグリッド状態を返します。これは、開発者がそれを取得して任意のデータストレージ (データベース、クラウド、ブラウザーの localStorage など) に保存できます。このメソッドは最初のオプションのパラメーター `Serialize` を受け取り、 が オブジェクトを返すか、シリアル化された JSON 文字列を返すかを決定します。
開発者は、機能名、または機能名を 2 番目の引数として持つ配列を渡すことにより、特定の機能の状態のみを取得することを選択できます。
+
- メソッドは、すべての状態情報を含むグリッドの状態を オブジェクトで返します。保存するには追加の手順が必要になる場合があります。
+ メソッドは、すべての状態情報を含むグリッドの状態を オブジェクトで返します。保存するには追加の手順が必要になる場合があります。
は、シリアル化された JSON 文字列を返します。これは、開発者がそれを取得して任意のデータストレージ (データベース、クラウド、ブラウザーの localStorage など) に保存できます。
開発者は、引数として機能名を含む配列を渡すことにより、特定の機能の状態のみを取得することを選択できます。空の配列では、デフォルトの状態オプションが使用されます。
+
`GetStateAsStringAsync` は、シリアル化された JSON 文字列を返します。これは、開発者がそれを取得して任意のデータストレージ (データベース、クラウド、ブラウザーの localStorage など) に保存できます。
開発者は、引数として機能名を含む配列を渡すことにより、特定の機能の状態のみを取得することを選択できます。空の配列では、デフォルトの状態オプションが使用されます。
+
@@ -125,7 +152,7 @@ const gridState: IGridState = state.getState(false);
// get the sorting and filtering expressions
const sortingFilteringStates: IGridState = state.getState(false, ['sorting', 'filtering']);
-```
+````
@@ -134,10 +161,10 @@ const sortingFilteringStates: IGridState = state.getState(false, ['sorting', 'fi
<{ComponentSelector} id="grid">
-```
+````
```typescript
-var gridState = document.getElementById('gridState') as IgcGridStateComponent;
+var gridState = document.getElementById("gridState") as IgcGridStateComponent;
// get an `IgcGridStateInfo` object, containing all features original state objects, as returned by the grid public API
const state: IgcGridStateInfo = gridState.getState();
@@ -146,7 +173,10 @@ const state: IgcGridStateInfo = gridState.getState();
const stateString: string = gridState.getStateAsString();
// get the sorting and filtering expressions
-const sortingFilteringStates: IgcGridStateInfo = gridState.getState(['sorting', 'filtering']);
+const sortingFilteringStates: IgcGridStateInfo = gridState.getState([
+ "sorting",
+ "filtering",
+]);
```
@@ -174,15 +204,23 @@ const stateString: string = gridStateRef.current.getStateAsString([]);
// get the sorting and filtering expressions
const sortingFilteringStates: IgrGridStateInfo = gridStateRef.current.getState(['sorting', 'filtering']);
-```
+````
-```html
-<{ComponentSelector} id="grid">
-
+```razor
+<{ComponentSelector}>
+
+
+@code {
+ // get all features` state in a serialized JSON string
+ string stateString = gridState.GetStateAsStringAsync(new string[0]);
+
+ // get the sorting and filtering expressions
+ string sortingFilteringStates = gridState.GetStateAsStringAsync(new string[] { "sorting", "filtering" });
+}
```
@@ -192,104 +230,76 @@ const sortingFilteringStates: IgrGridStateInfo = gridStateRef.current.getState([
- - The method accepts a object as argument and will restore the state of each feature found in the object or specified features as second argument.
+ - このメソッドは オブジェクトを引数として受け取り、オブジェクト内で見つかった各機能の状態、または 2 番目の引数として指定された機能を復元します。
- - The method accepts a serialized JSON string as argument and will restore the state of each feature found in the JSON string or specified features as second argument.
+ - このメソッドはシリアル化された JSON 文字列を引数として受け取り、JSON 文字列内で見つかった各機能の状態、または 2 番目の引数として指定された機能を復元します。
+
-`SetState` - `SetState` メソッドは、シリアル化された JSON 文字列または `IGridState` オブジェクトを引数として受け入れ、オブジェクト/JSON 文字列で見つかった各機能の状態を復元します。
+`ApplyStateFromStringAsync` - このメソッドはシリアル化された JSON 文字列を引数として受け取り、JSON 文字列内で見つかった各機能の状態、または 2 番目の引数として指定された機能を復元します。
```typescript
-var gridState = document.getElementById('gridState') as IgcGridStateComponent;
-
-// get an `IgcGridStateInfo` object, containing all features original state objects, as returned by the grid public API
-const state: IgcGridStateInfo = gridState.getState();
-
-// get all features` state in a serialized JSON string
-const stateString: string = gridState.getStateAsString();
-
-// get the sorting and filtering expressions
-const sortingFilteringStates: IgcGridStateInfo = gridState.getState(['sorting', 'filtering']);
-
+state.setState(gridState);
+state.setState(sortingFilteringStates)
```
-```tsx
-<{ComponentSelector}>
-
-
+```typescript
+gridState.applyState(gridState);
+gridState.applyStateFromString(gridStateString);
+gridState.applyState(sortingFilteringStates)
```
-
```tsx
-// get an `GridStateInfo` object, containing all features original state objects, as returned by the grid public API
-const state: IgrGridStateInfo = gridStateRef.current.getState([]);
-
-// get all features` state in a serialized JSON string
-const stateString: string = gridStateRef.current.getStateAsString([]);
-
-// get the sorting and filtering expressions
-const sortingFilteringStates: IgrGridStateInfo = gridStateRef.current.getState(['sorting', 'filtering']);
-
+gridStateRef.current.applyState(gridState, []);
+gridStateRef.current.applyStateFromString(gridStateString, []);
+gridStateRef.current.applyState(sortingFilteringStates, [])
```
-```razor
-<{ComponentSelector}>
-
-
-
-@code {
- // get all features` state in a serialized JSON string
- string stateString = gridState.GetStateAsStringAsync(new string[0]);
-
- // get the sorting and filtering expressions
- string sortingFilteringStates = gridState.GetStateAsStringAsync(new string[] { "sorting", "filtering" });
-}
+```csharp
+gridState.ApplyStateFromStringAsync(gridStateString, new string[0]);
+gridState.ApplyStateFromStringAsync(sortingFilteringStates, new string[0])
```
-
- - このメソッドは引数として オブジェクトを受け取り、オブジェクト内で見つかった各フィーチャまたは 2 番目の引数として指定されたフィーチャの状態を復元します。
+
+オブジェクトは、`IGridStateOptions` インターフェースを実装します。特定の機能の名前であるキーには、この機能の状態を追跡するかどうかを示すブール値があります。 メソッドはこれらの機能の状態を戻り値に入れず、`SetState` メソッドはその状態を復元しません。
- - このメソッドはシリアル化された JSON 文字列を引数として受け取り、JSON 文字列内で見つかった各機能の状態、または 2 番目の引数として指定された機能を復元します。
+ オブジェクトは インターフェースを実装します。特定の機能の名前であるキーごとに、その機能の状態を追跡するかどうかを示すブール値があります。/ メソッドはこれらの機能の状態を戻り値に含めず、/ メソッドはその状態を復元しません。
-`ApplyStateFromStringAsync` - このメソッドはシリアル化された JSON 文字列を引数として受け取り、JSON 文字列内で見つかった各機能の状態、または 2 番目の引数として指定された機能を復元します。
+ オブジェクトは インターフェースを実装します。特定の機能の名前であるキーごとに、その機能の状態を追跡するかどうかを示すブール値があります。`GetStateAsStringAsync` メソッドはこれらの機能の状態を戻り値に含めず、`ApplyStateFromStringAsync` メソッドはその状態を復元しません。
```typescript
-state.setState(gridState);
-state.setState(sortingFilteringStates)
+public options = { cellSelection: false, sorting: false };
```
-```typescript
-gridState.applyState(gridState);
-gridState.applyStateFromString(gridStateString);
-gridState.applyState(sortingFilteringStates)
+```html
+<{ComponentSelector} [igxGridState]="options">
+
```
-```tsx
-gridStateRef.current.applyState(gridState, []);
-gridStateRef.current.applyStateFromString(gridStateString, []);
-gridStateRef.current.applyState(sortingFilteringStates, [])
+```typescript
+gridState.options = { cellSelection: false, sorting: false };
```
@@ -303,24 +313,78 @@ gridStateRef.current.applyState(sortingFilteringStates, [])
```csharp
-gridState.ApplyStateFromStringAsync(gridStateString, new string[0]);
-gridState.ApplyStateFromStringAsync(sortingFilteringStates, new string[0])
+gridState.Options = new IgbGridStateOptions
+ {
+ CellSelection = false,
+ Sorting = false
+ };
```
- オブジェクトは、`IGridStateOptions` インターフェースを実装します。特定の機能の名前であるキーには、この機能の状態を追跡するかどうかを示すブール値があります。 メソッドはこれらの機能の状態を戻り値に入れず、`SetState` メソッドはその状態を復元しません。
+シンプルな単一の API を使用することで、わずか数行のコードで完全な状態の保持機能を実現できます。**以下のコードをコピーして貼り付けてください**。これにより、ユーザーが現在のページを離れるたびに、ブラウザーの `LocalStorage` オブジェクトにグリッドの状態が保存されます。ユーザーがメインページに戻ると、グリッドの状態が復元されます。目的のデータを取得するために複雑な高度なフィルタリングやソートの式を毎回設定する必要はもうありません。一度設定するだけで、以下のコードがユーザーのために残りの処理を行います。
```typescript
-public options = { cellSelection: false, sorting: false };
+@ViewChild(IgxGridStateDirective, { static: true })
+public state!: IgxGridStateDirective;
+
+public ngOnInit() {
+ this.router.events.pipe(take(1)).subscribe((event: NavigationStart) => {
+ this.saveGridState();
+ });
+}
+
+public ngAfterViewInit() {
+ this.restoreGridState();
+}
+
+public saveGridState() {
+ const state = this.state.getState() as string;
+ window.sessionStorage.setItem('grid1-state', state);
+}
+
+public restoreGridState() {
+ const state = window.sessionStorage.getItem('grid1-state');
+ this.state.setState(state);
+}
+
```
-```html
-<{ComponentSelector} [igxGridState]="options">
-
+```typescript
+constructor() {
+ window.addEventListener("load", () => { this.restoreGridState(); });
+ window.addEventListener("beforeunload", () => { this.saveGridState(); });
+}
+
+// Using methods that work with IgcGridStateInfo object.
+public saveGridState() {
+ const state = this.gridState.getState();
+ window.localStorage.setItem('grid-state', JSON.stringify(state));
+}
+
+public restoreGridState() {
+ const state = window.localStorage.getItem('grid-state');
+ if (state) {
+ this.gridState.applyState(JSON.parse(state));
+ }
+}
+
+// Or using string alternative methods.
+public saveGridStateString() {
+ const state = this.gridState.getStateAsString();
+ window.localStorage.setItem('grid-state', state);
+}
+
+public restoreGridStateString() {
+ const state = window.localStorage.getItem('grid-state');
+ if (state) {
+ this.gridState.applyStateFromString(state);
+ }
+}
```
+
@@ -374,8 +438,55 @@ const restoreGridState = () => {
-```typescript
-gridState.options = { cellSelection: false, sorting: false };
+```razor
+@using IgniteUI.Blazor.Controls
+@using Newtonsoft.Json
+@implements IDisposable
+
+@inject IJSRuntime JS
+@inject NavigationManager Navigation
+
+<{ComponentSelector} Rendered="OnGridRendered">
+
+
+
+
+
+
+@code {
+ protected override void OnAfterRender(bool firstRender)
+ {
+ Navigation.LocationChanged += OnLocationChanged;
+ }
+
+ void OnLocationChanged(object sender, LocationChangedEventArgs e)
+ {
+ SaveGridState();
+ }
+
+ void IDisposable.Dispose()
+ {
+ // Unsubscribe from the event when our component is disposed
+ Navigation.LocationChanged -= OnLocationChanged;
+ }
+
+ void OnGridRendered()
+ {
+ RestoreGridState();
+ }
+
+ async void SaveGridState() {
+ string state = gridState.GetStateAsStringAsync(new string[0]);
+ await JS.InvokeVoidAsync("window.localStorage.setItem", "grid-state", state);
+ }
+
+ async void RestoreGridState() {
+ string state = await JS.InvokeAsync("window.localStorage.getItem", "grid-state");
+ if (state) {
+ gridState.ApplyStateFromStringAsync(state, new string[0]);
+ }
+ }
+}
```
@@ -383,10 +494,12 @@ gridState.options = { cellSelection: false, sorting: false };
## 列の復元
- will not persist columns templates, column formatters, etc. by default (see [limitations](state-persistence.mdx#limitations)). Restoring any of these can be achieved with code on application level. Let's show how to do this for templated columns:
+ はデフォルトで列テンプレート、列フォーマッタなどを保持しません ([制限](state-persistence.mdx#制限) を参照)。これらの復元は、アプリケーションレベルのコードで実現できます。テンプレート化された列でこれを行う方法を示します。
- はデフォルトで列テンプレート、列フォーマッタなどを保持しません ([制限](state-persistence.mdx#制限)を参照)。これらの復元は、アプリケーション レベルのコードで実現できます。テンプレート化された列でこれを行う方法を示します。
+1 - テンプレート参照変数（以下の例では `#activeTemplate`）を定義し、`ColumnInit` イベントのイベント ハンドラーを割り当てます:
+
+
```html
@@ -467,6 +580,9 @@ function activeTemplate(ctx: { dataContext: IgrCellTemplateContext }) {
```
+
+
+
```html
@@ -503,6 +619,7 @@ constructor() {
isActive.bodyTemplate = this.activeTemplate;
}
this._bind();
+
}
public activeTemplate = (ctx: IgcCellTemplateContext) => {
@@ -531,6 +648,9 @@ public activeTemplate = (ctx: IgcCellTemplateContext) => {
+
+
+
```html
@@ -551,7 +671,6 @@ public activeTemplate = (ctx: IgcCellTemplateContext) => {
```
-
```ts
constructor() {
var grid = this.grid = document.getElementById('grid') as IgcHierarchicalGridComponent;
@@ -573,8 +692,11 @@ public activeTemplate = (ctx: IgcCellTemplateContext) => {
+
+
+
-2 - Query the template view in the component using @ViewChild or @ViewChildren decorator. In the `ColumnInit` event handler, assign the template to the column property:
+2 - @ViewChild または @ViewChildren デコレータを使用して、コンポーネントのテンプレート ビューをクエリします。`ColumnInit` イベント ハンドラーで、テンプレートを列の プロパティに割り当てます:
```typescript
@ViewChild('activeTemplate', { static: true }) public activeTemplate: TemplateRef;
@@ -588,7 +710,7 @@ public onColumnInit(column: IgxColumnComponent) {
-2 - In the `ColumnInit` event handler, assign the template to the column property:
+2 - `ColumnInit` イベント ハンドラーで、テンプレートを列の プロパティに割り当てます:
@@ -635,9 +757,14 @@ function onColumnInit(s: IgrGridComponent, e: IgrColumnComponentEventArgs) {
## ピボット構成の復元
- will not persist pivot dimension functions, value formatters, etc. by default (see [limitations](state-persistence.mdx#limitations)). Restoring any of these can be achieved with code on application level. The exposes two events which can be used to set back any custom functions you have in the configuration: `DimensionInit` and `ValueInit`. Let's show how to do this:
+ は、デフォルトではピボット
+ディメンション関数、値フォーマッタなどを保持しません
+([制限](state-persistence.mdx#制限)を参照)。これらの復元は、アプリケーション
+レベルのコードで実現できます。`{ComponentName}`
+は、構成に含まれるカスタム関数を戻すために使用できる 2 つのイベント
+(`DimensionInit` と `ValueInit`) を公開します。以下はその方法です。
- は、デフォルトではピボット ディメンション関数、値フォーマッタなどを保持しません ([制限](state-persistence.mdx#制限)を参照)。これらの復元は、アプリケーション レベルのコードで実現できます。`{ComponentName}` は、構成に含まれるカスタム関数を戻すために使用できる 2 つのイベント (`DimensionInit` と `ValueInit`) を公開します。以下はその方法です。
+- `DimensionInit` および `ValueInit` イベントのイベント ハンドラーを割り当てます。
```html
@@ -691,10 +818,10 @@ function onColumnInit(s: IgrGridComponent, e: IgrColumnComponentEventArgs) {
```
-- `DimensionInit` および `ValueInit` イベントのイベント ハンドラーを割り当てます。
-
> `DimensionInit` および `ValueInit` イベントは、 プロパティで定義された値とディメンションごとに発行されます。
+- `ValueInit` イベント ハンドラーで、カスタムのアグリゲーター、フォーマッタ、およびスタイルをすべて設定します:
+
```typescript
public onValueInit(value: IPivotValue) {
@@ -828,7 +955,6 @@ igRegisterScript("OnValueInit", (args) => {
});
}
}, false);
-
```
@@ -886,11 +1012,12 @@ public onDimensionInit(event: any) {
## 子グリッドの復元
子グリッドの状態の保存/復元は、 プロパティによって制御され、デフォルトで有効に設定されています。 は、ルート グリッドと階層のすべての子グリッドの両方の機能を保存/復元するために同じオプションを使用します。たとえば、以下のオプションを渡す場合:
-``` html
+
+```html
```
-
+
```ts
@@ -926,6 +1053,7 @@ gridState.options = { cellSelection: false, sorting: false, rowIslands: true };
Sorting = false,
RowIslands = true
};
+
}
```
@@ -949,8 +1077,6 @@ state.applyState(state, ['filtering', 'rowIslands']);
-Then the API will return the state for all grids (root grid and child grids) features excluding `Selection` and . If later on the developer wants to restore only the state for all grids, use:
-
```csharp
gridState.ApplyStateFromStringAsync(gridStateString, new string[] { "filtering", "rowIslands" });
```
@@ -964,14 +1090,13 @@ gridState.ApplyStateFromStringAsync(gridStateString, new string[] { "filtering",
-## Restoring Pivot Strategies
+## ピボットストラテジの復元
- will not persist neither remote pivot operations nor custom dimension strategies.
- Restoring any of these can be achieved with code on application level. The exposes an event called `StateParsed` which can be used to additionally modify the grid state before it gets applied. Let's show how to do this:
+ は、リモート ピボット操作もカスタム ディメンション ストラテジも保持しません。これらの復元は、アプリケーション レベルのコードで実現できます。 は、グリッド状態が適用される前に追加で変更するために使用できる `StateParsed` というイベントを公開します。以下はその方法です。
-> `StateParsed` is only emitted when we are using with string argument.
+> `StateParsed` は、 を文字列引数で使用している場合にのみ発行されます。
-- Set custom sorting strategy and custom pivot column and row dimension strategies:
+- カスタムのソート ストラテジ、およびカスタムのピボット列・行ディメンション ストラテジを設定します:
```html
@@ -1007,7 +1132,6 @@ public pivotConfigHierarchy: IPivotConfiguration = {
```
-
```ts
public pivotConfiguration: IgcPivotConfiguration = {
columnStrategy: IgcNoopPivotDimensionsStrategy.instance(),
@@ -1038,7 +1162,7 @@ Add snippet for blazor
```
-- Restoring the state from the `LocalStorage` and applying the custom strategies looks like the following:
+- `LocalStorage` から状態を復元し、カスタム ストラテジを適用する方法は次のとおりです:
```typescript
@@ -1071,7 +1195,6 @@ public stateParsedHandler(ev: any) {
```
-
```razor
Add snippet for blazor for restore state
@@ -1079,23 +1202,20 @@ Add snippet for blazor for restore state
-
-## ピボット ストラテジの復元
+## 制限
- は、リモート ピボット操作もカスタム ディメンション ストラテジも保持しません。
-
-これらの復元は、アプリケーション レベルのコードで実現できます。 は、`StateParsed` と呼ばれるイベントを公開します。このイベントはグリッド状態が適用される前に追加で変更するために使用できます。以下はその方法です。
+- すべてのグリッド機能を一度に復元する場合（パラメーターを指定せずに `applyState` API を使用した場合）、ルート グリッドの列プロパティがデフォルトにリセットされることがあります。その場合は、その後に列または列選択機能を個別に復元してください:
-```html
-
-
+```typescript
+state.applyState(gridState);
+state.applyState(gridState.columns);
+state.applyState(gridState.columnSelection);
```
@@ -1103,20 +1223,21 @@ Add snippet for blazor for restore state
- method uses JSON.stringify() method to convert the original objects to a JSON string. JSON.stringify() does not support Functions, thats why the directive will ignore the columns , , , , , , and properties.
+
-- method uses JSON.stringify() method to convert the original objects to a JSON string. JSON.stringify() does not support Functions, thats why the component will ignore the columns , , , , , , and properties.
+- メソッドは、JSON.stringify() メソッドを使用して、元のオブジェクトを JSON 文字列に変換します。JSON.stringify() は関数をサポートしないため、 コンポーネントは、列の 、、、、、、 および プロパティを無視します。
-- method uses JSON.stringify() method to convert the original objects to a JSON string. JSON.stringify() does not support Functions, thats why the component will ignore the columns , , , , , , and properties.
+- メソッドは、JSON.stringify() メソッドを使用して、元のオブジェクトを JSON 文字列に変換します。JSON.stringify() は関数をサポートしないため、 コンポーネントは、列の 、、、、、、 および プロパティを無視します。
-> `StateParsed` は、文字列引数で `SetState` を使用している場合にのみ発行します。
+- メソッドは、JSON.stringify() メソッドを使用して、元のオブジェクトを JSON 文字列に変換します。JSON.stringify() は関数をサポートしないため、 ディレクティブは、ピボット ディメンションの 、ピボット値の 、、カスタム 関数、、およびピボット構成ストラテジ（ と ）を無視します。
@@ -1143,4 +1264,4 @@ Add snippet for blazor for restore state
- [Pivot Grid Remote Operations](remote-operations.mdx)
-
\ No newline at end of file
+