<\/HEAD>
特定の場合において、Web App内の自分のウィジェットから別のウィジェットや複数の他のウィジェットを開くことが望まれることがあります。つまり、あるウィジェットには例えばボタンがあり、そのボタンをクリックすると別のウィジェットが開く、以下の図のように示されています:<\/P>
<\/P>
最初のウィジェットのボタンをクリックすると、次に二つ目のウィジェットが開きます:<\/P>
<\/P>
これを実現するためには、まず最初のウィジェットに対応するアイコン付きのボタンを作成する必要があります。例えば、Widget.jsファイル内のstartup()メソッドで以下のようにボタンを作成できます:<\/P>
<\/P>
ここではDoJo関数を使って動的にHTML-DIV要素とその中に含まれるIMG要素を作成しています。イベントハンドラーメソッドでボタンのクリックに反応し、その中で二つ目のウィジェットを呼び出す関数が呼ばれます:<\/P>
<\/P>
ここではまず開くウィジェットの設定を取得し、その後PanelManagerを通じてshowPanel()関数でウィジェットを呼び出します。注意すべきは、PanelManagerがウィジェットのdefineブロック内に取り込まれていることです。<\/P>
<\/P>
Happy coding!<\/P><\/BODY><\/HTML>
