Search
ユーザーがナビゲーションを使用せずにコンテンツの部分を見つけることができます。
Searchは、エンドユーザーがクエリを入力してコンテンツの部分を簡単に見つけられるようにするために使用します。ナビゲーションとは異なり、コンテンツの場所に関する知識は不要です。
使用方法
-
Searchパターンをプレビューにドラッグします。
-
入力にText型のローカル変数を設定します。
-
パブリッシュしてテストします。
入力パラメータ
| 入力名 | 説明 | 型 | 必須 | デフォルト値 |
|---|---|---|---|---|
| ExtendedClass | このブロックにカスタムスタイルクラスを追加します。 | Text | No | なし |
レイアウトおよびクラス
高度なユースケース
検索リセットボタンを作成する
この例については、FourColumns画面テンプレートをご覧ください。
- Column2のFilters_Wrapperコンテナ内にあるSearchパターンに移動します。
- コンテナを［Actions］プレースホルダ内にドラッグします。
-
Iconウィジェットをそのコンテナ内にドラッグし、Nameパラメータで「
Entities.IconName.times」を選択します。これはXアイコンです。
-
コンテナで、Displayパラメータを「
If(SearchKeyword <> "", True, False)」に設定します。これにより、既存のSearchKeywordローカル変数を使用して、検索入力にテキストが含まれる場合にのみコンテナを表示します。
-
OnClickイベントを追加し、RefreshTableアクションにハンドラを設定します。
- ResetFiltersパラメータとResetPaginationパラメータを［True］に設定します。
-
Categoryプロパティで、ProductCategoryローカル変数を設定します。これにより、検索入力がリセットされ、画面もデフォルトの状態にリセットされます。
-
パブリッシュしてテストします。
