4.4.3. 例

簡単な パネル コンポーネントの例は次の通りです。　

<rich:panel> ... </rich:panel>

<rich:panel> ... </rich:panel>

Copy to Clipboard

Toggle word wrap

このコードはページでパネルコンポーネントを生成します。2 つのエレメントで構成されています。ラッパー <div> エレメントと特定のスタイルのプロパティを持つパネルボディの <div> エレメントです。ラッパー <div> エレメントは以下のようになります。

<div class="dr-pnl rich-panel">
     ...
</div>

<div class="dr-pnl rich-panel">
     ...
</div>

Copy to Clipboard

Toggle word wrap

dr-pnl はスキンパラメータよりフレームワークで指定される CSS クラスです。

全ページの全パネルの全色を変更するには、それらのスキンパラメータ値を変更します。ただし、ページで <rich:panel> クラスを特定すると、そのパラメータはこのページ上のすべてのパネルから取得されます。

開発者はパネルのスタイルプロパティを変更することも可能です。例は次の通りです。

<rich:panel styleClass="customClass" />

<rich:panel styleClass="customClass" />

Copy to Clipboard

Toggle word wrap

前述の定義は、 customClass からスタイルプロパティの一部を特定のパネルへ追加できます。この結果、 3 つのスタイルを取得します。

<div class="dr_pnl rich-panel customClass"> 
	...
</div>

<div class="dr_pnl rich-panel customClass"> 
	...
</div>

Copy to Clipboard

Toggle word wrap

トップに戻る