親ウィンドウに表示されているものをポップアップウィンドウに表示

質問

xmlから取得した人物名を親ウィンドウに表示して、その人物名をクリックするとポップアップウィンドウが表示され、ポップアップウィンドウにクリックした人物名が表示されるプログラムをFLEXを用いて作っているんですがうまくいきません。
どのように改善すべきでしょうか？助言のほどよろしくおねがいします。
（かなりのソースを載せてしまってすいません。）

自分としては、子ファイルに記述してある「parentApplication.linkbutton_id.label」があやしいと考えてます。これで親ファイルのデータを取得することができるのですが、親ファイルの方で<mx:repeater>を使って繰り返し処理を行っているので、繰り返したデータを上記のプログラムで取得するところでおかしくなっているんだと思います。

なおこれは「ruby on rails」と連動させています。

～親ファイル～
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
creationComplete="load()">
<mx:Script>
<![CDATA[
//インポート
import mx.controls.*;
import mx.managers.*;
//データ取得
public function load():void{
var request:URLRequest = new URLRequest("http://localhost:3000/aisatus.xml");
request.method = 'GET';
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE, function(e:Event):void {
var xml:XML = new XML(e.target.data);
repeat_id.dataProvider = xml.aisatu;
});
loader.load(request);
}
//小窓表示
public function kobetu():void{
PopUpManager.createPopUp(this, in_out, true);
}
]]>
</mx:Script>

<mx:Panel title="一覧" x="20" y="20" width="300" height="250" layout="absolute">
<mx:Tile x="20" y="20">
<mx:Repeater id="repeat_id">
<mx:LinkButton id="linkbutton_id" label="{repeat_id.currentItem.name}"
click="kobetu()"/>
</mx:Repeater>
</mx:Tile>
</mx:Panel>
</mx:Application>

～ポップアップウィンドウ（子ファイル）～
<?xml version="1.0" encoding="utf-8"?>

<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" x="100" y="20"
layout="absolute" width="500" height="300" title="出勤・退勤">
<mx:Label text="社員名：" x="20" y="20"/>
<mx:Label text="{parentApplication.linkbutton_id.label}" x="60" y="20" id="employee_id"/>
</mx:Panel>

回答No.1

venzou · ベストアンサー

まず問題点ですが、Repeater で複製してますので、
linkbutton_id は配列要素になります。

parentApplication.linkbutton_id[0].label ←１つ目のボタンのラベル
parentApplication.linkbutton_id[1].label ←２つ目のボタンのラベル

上記の様にすれば、ポップアップからラベルを調べることは可能ですが、
どのボタンが押されたのか、判断できません。

--------------------------------------------------------------
ウインドウ間でデータをやり取るする方法ですが、
簡単なのは、親ウインドウにプロパティを作ることです。

[Bindable]
public var currentName:String;

バインディングを利用するので、上記のような記述になります。
これをimport文の後にでも入れてください。
これで、currentName と言う文字列型のプロパティを作りました。

次に、どのボタンが押されたかを調べるには、clickイベントを使います。
呼び出し側でイベントオブジェクトを渡します。

＞click="kobetu()"/>
click="kobetu(event)"/>

イベントプロシージャでは、受け取ったオブジェクトから、
クリックされたボタンのラベルをプロパティにコピー。
それから、ポップアップを表示。

public function kobetu(e:Event):void{
if(e.currentTarget is LinkButton)
{
currentName = LinkButton(e.currentTarget).label;
PopUpManager.createPopUp(this, in_out, true);
}
}

ポップアップの方は、親ウインドウに作ったプロパティをバインディングします。

＞<mx:LinkButton id="linkbutton_id" label="{repeat_id.currentItem.name}"
<mx:Label text="{parentApplication.currentName}" x="60" y="20" id="employee_id"/>

他にも方法はあると思いますが、
こんな感じで期待通りの動作になると思います。

お礼

おぉおお！！
すごい！
動きました！！
感謝感激です！
２日ほど悩んでいたものが３分でできましたｗｗｗ
本当にありがとうございました。

補足

actionscript、mxmlを詳しく紹介しているサイトを知っていたら教えてください m(_ _)m

回答No.2

venzou

先ほどの回答にミスがありました。
正しく読み替えて頂いて、問題解決したようですが、
念のため訂正しておきます。失礼しました。

----誤----
＞<mx:LinkButton id="linkbutton_id" label="{repeat_id.currentItem.name}"
<mx:Label text="{parentApplication.currentName}" x="60" y="20" id="employee_id"/>
----------
----正----
＞<mx:Label text="{parentApplication.linkbutton_id.label}" x="60" y="20" id="employee_id"/>
<mx:Label text="{parentApplication.currentName}" x="60" y="20" id="employee_id"/>
----------

＞actionscript、mxmlを詳しく紹介しているサイトを知っていたら教えてください

Flexに関しては、ここがお勧めです。

http://www.fxug.net/

紹介とかチュートリアル的な物ではないですが、フォーラムが活発です。

フォーラム＞超ビギナー　辺りに参加してみて下さい。

お礼

訂正の回答ありがとうございます。
FLEXのサイトも教えていただきありがとうざいます。