アプリケーション レイアウトによってレンダリングされた検索ボックスにユーザーが検索の数文字を入力したときに、先行入力候補を提供したいと思います。
私たちのアプリケーション レイアウトは、共有カスタム コントロールとして多くのアプリケーションで使用されているため、アプリケーションに応じてカスタマイズできるソリューションを探しています。
アプリケーション レイアウトによってレンダリングされた検索ボックスにユーザーが検索の数文字を入力したときに、先行入力候補を提供したいと思います。
私たちのアプリケーション レイアウトは、共有カスタム コントロールとして多くのアプリケーションで使用されているため、アプリケーションに応じてカスタマイズできるソリューションを探しています。
SearchBar
applicationLayout
コンポーネントがサポートするいくつかの「ファセット」の 1 つです。プロパティ パネルを使用して 1 つ以上の「ドロップ ターゲット」を有効にすると、Designer は次のようなマークアップを XML ソースに自動的に追加します。
<xe:applicationLayout>
<xe:this.facets>
<xp:callback facetName="facetRight" xp:key="RightColumn" />
<xp:callback facetName="facetLeft" xp:key="LeftColumn" />
</xe:this.facets>
タグに慣れていない方のために説明するとcallback
、これにより編集可能領域コンポーネントが作成され、カスタム コントロールを含む任意の XPage (またはカスタム コントロール) が独自のコンテンツをそれに提供できるようになります。たとえば、このカスタム コントロールを XPage に追加し、[デザイン] タブを使用して、左の列を表す緑色のドットにパネルをドラッグすると、次のようなマークアップになります。
<xp:panel xp:key="facetLeft" />
callback
したがって、ファセットのリストに追加するとapplicationLayout
...
<xp:callback facetName="facetSearch" xp:key="SearchBar" />
...レイアウト カスタム コントロールを追加する任意の XPage に追加のドラッグ ターゲットがあります。これにより、 の標準の検索機能が、ドラッグしたコンテンツに置き換えられます。applicationLayout
したがって、 の残りの標準化された動作に影響を与えることなく、各アプリケーションで独自のカスタム検索動作を定義できますapplicationLayout
。