複合コンポーネント
複合コンポーネントは、複数のコンポーネントを 1 つのコンポーネントに結合します。これにより、複数のコンポーネントを 1 つのページに一度に追加できるようになります。また、これにより、アプリケーションのページすべてにわたって、これらのコンポーネントのスタイルや動作の整合性を簡単に制御できるようになります。
ここでは、複数の menuItem コンポーネント、1 つのhmenu (horizontal menu) コンポーネント、および 1 つの html を組み合わせた複合メニュー・コンポーネントを 1 つ作成します。この結果、アプリケーションの各ページに追加可能な水平メニュー・バーが作成されます。
基本的な手順は以下のようになります。
-
%ZEN.Component.compositeOpens in a new tab を拡張する、新しい Zen コンポーネントを作成します。カスタム・コンポーネントは、ページ・クラスを含むパッケージとは別の専用パッケージに配置する必要がありますので注意してください。
-
コンポーネントの NAMESPACE パラメータに値を代入します。ただし、カスタム・コンポーネントには、専用のネームスペースが必要です。
-
<composite> 要素を XData Contents ブロック内に配置します。
-
<hmenu> 要素と <menuItem> 要素を <composite> 要素に追加します。
-
コンポーネントのカスタム・スタイル定義を XData Style ブロックに追加します。