ページ・デザイナの左ペイン

7.2.2 ページ・デザイナの左ペイン

ページ・デザイナの左ペインには、「レンダリング」、「動的アクション」、「プロセス」および「ページ共有コンポーネント」の4つのタブが表示されます。

各タブには、現在のページに作成された、対応するコンポーネント・タイプとコンポーネントのリストが表示されます。

左ペインの主な機能は次のとおりです。

コンテキスト・メニュー。コンポーネントまたはコントロールを右クリックすると、コンテキスト・メニューが表示されます。「レンダリング」メニューをクリックして、選択したコンポーネントのオプションを選択することもできます。
プロパティ・エディタへの迅速なアクセス。1つのコンポーネントまたは複数のコンポーネントを選択すると、右ペインのプロパティ・エディタに対応する属性が表示されます。
ドラッグ・アンド・ドロップ。コンポーネントをツリー内で上下にドラッグし、選択したコンポーネントの位置または順序を変更します。
ツールチップ。コンポーネントまたはコントロールの上にマウスをあわせると、リージョン・タイプ、アイテム・タイプなどの基本情報のツールチップが表示されます。

「レンダリング」タブ

「レンダリング」タブには、このページにレンダリングされるコンポーネントが表示されます。コンポーネントには、リージョン、ページ・アイテムおよびボタンが含まれます。動的アクションや検証などのアプリケーション・ロジックは、リージョン、ページ・アイテムおよびボタン内(該当する場合)に表示されます。

コンポーネントは、特定のページ位置でページ・レベルに配置することも、特定のリージョン位置でリージョン内でネストすることもできます。さらに、「レンダリング」タブには、プロセス、計算、ブランチなどのレンダリング前およびレンダリング後のアプリケーション・ロジックが表示されます。「レンダリング」タブでは、コンポーネントは実行時のOracle APEXでの処理方法に基づいてグループ化され、順序付けされます

新しいコンポーネントを作成するには、右クリックしてコンテキスト・メニューからオプションを選択します。または、「レンダリング」メニューからオプションを選択します。

図pg_rendering.pngの説明

「動的アクション」タブ

「動的アクション」タブには、カレント・ページに対して定義された動的アクションが表示されます。動的アクションを作成することによって、JavaScriptを必要としないで複雑なクライアント側の動作を宣言的に定義できます。新しい動的アクションを作成するには、右クリックしてコンテキスト・メニューからオプションを選択します。

図pg_dynamic_action.pngの説明