6.7. ドラッグ&ドロップ(クライアント側のみで連携)

6.7.1. 概要

ブラウザ経由のドラッグ&ドロップのポートレットサンプルです。
ポートレット内で、文字列オブジェクトをテキストボックスにD&Dして入力を行う方法について確認することができます。


図6.7.1-1

6.7.1.1. 作成の流れ:

  1. ポートレットプロジェクトウィザードを利用し、プロジェクトを作成
  2. ポートレットウィザードを利用し、ポートレットを作成

6.7.2. 構成

表6.7.2-1
ファイル名 説明
DndClientPortlet.zip ドラッグ&ドロップ(ブラウザ経由)のポートレット

6.7.3. 実行手順

実行環境の構築を行い、サンプルを実行します。実行後には環境のクリアを行います。
ポートレット実行以外の手順の詳細については6.1. シンプルポートレット の実行手順を参照してください。

6.7.3.1. 配備

DndClientPortlet.zipをインポートして、ポータルサーバへの配備を行います。

6.7.3.2. ポートレット追加

DndClientPortletポートレットをポータルへ追加します。

6.7.3.3. ポートレット実行

  1. ポートレットがページに追加されると、ドラッグ可能な文字列オブジェクトと、ドロップ可能なテキストボックスが表示されます。


    図6.7.3.3-1

  2. 「UserName1」オブジェクトをテキストボックスにD&Dすると、テキストボックスに「UserName1」文字列が表示されます。


    図6.7.3.3-2

6.7.3.4. ポートレット削除

追加したポートレットをポータルから削除します。

6.7.3.5. 配備解除

配備したアプリケーションを配備解除します。

6.7.4. 関連トピック

2.9. ドラックアンドドロップ(D&D)を利用したポートレット間連携の作成

6.7.5. 注意事項

特になし。