詳細アイコン IDE内の表示

ドロップ・ターゲットとして使用するコンポーネントおよびコンポーネント属性を定義する手順を完了すると、ビジュアル・エディタの表示は次のようになります。

ビジュアル・エディタ

XMLソース・エディタでは、入力コンポーネントのコードは、次のように表示されます。

<af:inputText label="Cup"..>
  <af:attributeDropTarget attribute="value"/>
</af:inputText> 

ページを実行すると、ブラウザのページは次のように表示されます。

ブラウザ内で実行されたページ、ドロップ操作前

イメージをドラッグしてみてください。イメージをドラッグすると、ドラッグ対象のイメージ上に斜線の入った円が表示されます。これは、マウス・カーソルの位置が、ページ上でイメージをドロップできる領域にないことを意味します。

ドロップ・ターゲット上ではない場合

カーソルを「Cup」入力フィールドの上に移動すると、フィールドの背景色が変化します。これは、ページ上でイメージをドロップできる領域にマウス・カーソルがあることを意味します。

ブラウザのドロップ・ターゲット

マウス・ボタンを放すと、Coffeeという語が「Cup」入力フィールドに表示されます。

ブラウザ内で実行されたページ、ドロップ操作後

次のカードに進む前に、JDeveloperのメイン・ツールバーで終了アイコン 終了」ドロップダウン・メニューから「DefaultServer」を選択します。