案例学习BlazeDS+Spring之六InSync04打开多个联系人

InSync04:打开多个联系人

一、运行DEMO：

1、运行程序：http://localhost:8400/spring-flex-testdrive/insync04/index.html；

2、单击Search按钮，从数据库获取所有的联系人。

3、在Search文本框输入几个字符，单击“Search”按钮，按名字来查找联系人。
4、双击DataGrid里的某个联系人将为打开独立的Tab，重复这个操作可以打开多个Tab。

5、在Contact窗体里编辑联系人，单击“Save"保存修改。

二、理解代码：

1、insync04.mxml：

insync04与insync03差不多，就是增加了TabNavigator控件来显示多个不同的联系人窗体。

public function openContact(contact:Contact):void

{

var children:Array = tn.getChildren();

for (var i:int = 0; i<children.length; i++)

{

if (ContactForm(children[i]).contact.id == contact.id)

{

tn.selectedChild = children[i];

return; //如果窗体已打开，则返回。

}

}

var form:ContactForm = new ContactForm();

tn.addChild(form);

form.contact = contact;

tn.selectedChild = form;

}

2、DataGrid的双击事件

还有点要注意的是，DataGrid的双击事件要启用。

<mx:DataGrid id="dg" dataProvider="{contacts}" width="30%" height="100%"

doubleClickEnabled="true"

doubleClick="openContact(dg.selectedItem as Contact)">

3、ContactForm.mxml：

增加了“Close”按钮，从父对象中移除自己。

<s:Button label="Close" click="parent.removeChild(this)"/>

三、小结：

本DEMO与InSync03类似，只是通过TabNavigator来显示多个contact窗体，后台代码没有改动。

来自：http://blog.sina.com.cn/s/blog_67532f7c0100or1p.html