左側にメニューがあるpreview searchウィジェット
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
このトピックで説明するpreview searchウィジェット テンプレートは、訪問者のクエリと、左から右へのキーボード ナビゲーションのために左側に表示されるメニュー オプションに基づいて検索結果を表示します。検索入力フィールドの入力を変更すると、Sitecore Searchへの要求がトリガーされます。
次のセクションでは、左側にメニューがあるpreview searchウィジェット テンプレートについて説明し、APIリファレンスと、ReactのJS SDKを使用してReactプロジェクトのWidgetsProviderに追加できるコード ブロックの作成方法について説明しますSearch説明します。ウィジェットは、preview searchクエリ フック を使用してデータを要求および取得します。
ウィジェットコンポーネントを作成するには、Search UIコンポーネントCLI、コマンドラインインターフェイスを使用するか、コードブロックを手動でコピーして貼り付けるかを選択できます。
コンポーネントの生成または作成
大事な
ウィジェットテンプレートのエンティティモデルを実装に合わせて調整することを忘れないでください。
プレーンコンポーネント
スタイル付きコンポーネント
CSSスタイル コンポーネント
CSSモジュール スタイル コンポーネント
オプション
ページあたりのアイテム数
defaultItemsPerPageこのコンポーネントに表示されるアイテムの最大数を設定します。
デフォルト: 6
RequestResponse
<PreviewSearchLeft
rfkId="rfkid_6"
defaultItemsPerPage={12}
/>