|
|
|
Liferay で、ポートレットを作成し、ソース コードを指定することにより［参照］ウィジェットを呼び出すことができます。 前述の［参照］ウィジェットの例を生成する以下の手順を確認します。 ユーザの実装で［参照］ウィジェットの表示および動作を設定するモデルとして、これらを実行します。
次の手順に従ってください：
［New Web Content］ウィンドウが表示されます。
新しいポートレットが Liferay に追加されます。
ポートレットの設定が表示されます。
ソース コンテナが編集用に開きます。
ソースとキー パラメータ
［参照］ウィジェットの例のソースは以下のとおりです。
<script type="text/javascript" src="http://hostname:portnumber/usm/explorer/scripts/browse.widget.js"> </script>
<script type="text/javascript"> CA_Catalog.buildWidget({type: 'browse', renderTo: 'browse1', rootId: 10001, linkColor: 'inherit', borderColor: 'black', layout:'layout-1', openIn:'_widget', search: true } ); </script>
<div id="browse1" style="margin-bottom: 10px; height: 700px"> </div>
最初の行は、［参照］ウィジェット用の JavaScript ファイルを参照します。
2 番目の行は、［参照］ウィジェット用の設定パラメータを持つ JavaScript を指定します。
注： パラメータはカンマで区切りますが、最後のパラメータの後でカンマを指定しないでください。
3 番目の行は、［参照］ウィジェットが表示される DOM 要素を指定します。
キー パラメータおよび説明は［参照］ウィジェットの例 の CA_Catalog.buildWidget 関数呼び出しに対して実行されます。
ログイン クレデンシャル
ウィジェットにシングル サインオンをお勧めします。 ただし、このウィジェットのログイン認証情報が必要な場合は、この関数呼び出しでそれらを指定します。 以下のフォーマットを使用します。
username: 'username', password: 'password'
ウィジェットが［参照］ウィジェットであることを指定します。
ウィジェットがその ID が browse1 である DOM 要素に表示されることを指定します。
［参照］ ウィジェットが表示するフォルダまたはサービスのオブジェクト ID を指定します。 この例では、10001 はビジネス ユニットのカタログのルート フォルダです。
それらのオブジェクト ID を使用して、単一のフォルダまたはサービスのカンマ区切りリストのいずれかを指定できます。
注： オプションでツリー（左側のフォルダのリスト）を非表示にできます。 ツリーを非表示にするには、hideTree:true パラメータを指定します。 デフォルトでは、このパラメータは false に設定されています。
［参照］ウィジェットに表示されるサービスのアイコンおよび名前を表します。
または、サービスの名前、アイコン、および説明を表示するために layout-2 を指定します。
同じページ上の別のウィジェットが［参照］ウィジェットからのイベントをリスンしそれらに応答することを指定します。 このシナリオでは、ユーザがサービスをクリックするときに、［リクエスト］ウィジェットはサービスを開くことにより応答します。 この機能を有効にするには、このページに［リクエスト］ウィジェットを追加する必要があります。
OpenInは、ユーザが［参照］ウィジェット上のサービスをクリックするときに、サービスが［リクエスト］ウィジェットでどのように開くか指定します。 openIn パラメータに対する他の可能な値を以下に示します。
同じページ上に、カタログのサービスを開きます。
サービスをブラウザの最上位フレームで開く場合を除いて、_self と同じ関数を実行します。 サービスがフレームである場合、サービス オプション要素の関連する最初のフレームが選択されます。
新しいページ上で、カタログ内のサービスを開きます。 ユーザはそのページ上に、カタログのサービスを開きます。
カスタム URL を使用して、サービスを開きます。 URL には、サービスのオブジェクト ID 用のプレースホルダを含めることができます。 以下に例を示します。
http://www.google.com?id={id}
［参照］ウィジェットに［検索］フィールドが含まれることを指定します。 ユーザは、名前または主要な用語に応じて、サービスのカタログを検索するためにこのフィールドを使用できます。
注： ソース コードに表示される次の設定を指定できます： ［主な提供サービスを表示］、［リンクの色］、［境界の色］、［背景の色］
| Copyright © 2013 CA. All rights reserved. |
|