ウィジェットの作成および使用 › サービスのリクエストおよびリクエストの管理のためのウィジェットの埋め込み › ［ステータス］ウィジェットおよび他のウィジェットを使用してユーザがリクエストにアクセスできるようにする › ［ステータス］および［リクエスト一覧］ウィジェットを使用してリクエスト マネージャがリクエストを承認および却下できるようにする › ソース コードを使用した［リクエストの編集］ウィジェットの呼び出し

ソース コードを使用した［リクエストの編集］ウィジェットの呼び出し

Liferay で、ポートレットを作成し、ソース コードを指定することにより［リクエストの編集］ウィジェットを呼び出すことができます。 前述の［リクエストの編集］ウィジェットの例を作成するための以下の手順を確認します。 ユーザの実装で［リクエストの編集］ウィジェットの表示および動作を設定するためのモデルとして、これらを実行します。

次の手順に従ってください：

1. ポータル ページで、ポートレットを作成するためにこれらのアクションを実行します。
   1. ［Add］-［Web Content Display］をクリックします。
   2. プラスのアイコン（［Add］-［Web Content］）をクリックします。

      ［New Web Content］ウィンドウが表示されます。

   3. 必須フィールドを指定し、ウィンドウを閉じます。

   新しいポートレットが Liferay に追加されます。

2. ページの一番上の［Edit Controls］をクリックします。
3. ポートレット上にマウスを置いて、鉛筆（Web コンテンツの編集）アイコンをクリックします。

   ポートレットの設定が表示されます。

4. ［Content］ウィンドウで、［Source］をクリックします。

   ソース コンテナが編集用に開きます。

5. 前述の［リクエストの編集］ウィジェットの例の以下のソースおよびキー パラメータを確認します。 ユーザのソースを指定するモデルとしてそれらを使用します。
6. 以下の操作を実行します。
   • ソース コンテナを閉じます。
   • 更新されたポートレットを発行し確認します。
   • 必要に応じて、ウィジェットがユーザの要件を満たすまで、仕様を調整します。

ソースとキー パラメータ

［リクエストの編集］ウィジェットの例のソースを以下に示します。

<script type="text/javascript" src="http://hostname:portnumber/usm/gwt/fdRenderer/fdRenderer.nocache.js"></script>

<script type="text/javascript" language="javascript" src="http://hostname:8080/usm/explorer/scripts/edit.request.widget.js">

<script> CA_Catalog.buildWidget({ type: 'edit.request', renderTo: 'targetDiv', rootId: -1, linkColor: 'inherit', borderColor: 'darkGreen', layout:'layout-8', openIn:'_self'}); </script>

<div align="left" id="targetDiv" style="margin-bottom: 10px;">
	&nbsp;</div>

最初の行は、［リクエストの編集］ウィジェットに必要なフォーム レンダラを参照します。

2 番目の行は、［リクエストの編集］ウィジェットの JavaScript ファイルを参照します。

3 番目の行は、［リクエストの編集］ウィジェットの設定パラメータを持つ JavaScript ファイルを指定します。

注： パラメータはカンマで区切りますが、最後のパラメータの後でカンマを指定しないでください。

4 番目の行は、［リクエストの編集］ウィジェットが表示される DOM 要素を指定します。

キー パラメータおよび説明は［リクエストの編集］ウィジェットの例の CA_Catalog.buildWidget 関数呼び出しに対して実行されます。

ログイン クレデンシャル

ウィジェットには、シングル サインオンをお勧めします。 ただし、このウィジェットのログイン認証情報が必要な場合は、この関数呼び出しでそれらを指定します。 以下のフォーマットを使用します。

username: 'username', password: 'password'

type:"edit.request"

ウィジェットが［リクエストの編集］ウィジェットであることを指定します。

renderTo:"targetDiv"

ウィジェットがその ID が targetDiv である DOM 要素に表示されることを指定します。

rootId:–1

［リクエスト一覧］ウィジェットが最初開くときに何も表示されないことを指定します。

ユーザが［ステータス］ウィジェット上のオプションをクリックするとすぐに、［リクエスト一覧］ウィジェットに一致するアイテムが表示されます： カート、オープン リクエスト、完了したリクエスト、またはアクション待ちリクエスト。