基于 Cairngorm MVC 框架的 Flex 程序设计与开发

核心提示： 在里面添加一个 DataGrid, 还有一些文本框和按钮 , 如图 6 所示： 图 6. 视图三、这里我们希望当 Panel 加载完成后，从服务器读取 xml 文件，基于 Cairngorm MVC 框架的 Flex 程序设计与开发(4)，将员工信息给读入 DataGrid 中，这里，它就是应用

在里面添加一个 DataGrid, 还有一些文本框和按钮 , 如图 6 所示：

图 6. 视图

三、这里我们希望当 Panel 加载完成后，从服务器读取 xml 文件，将员工信息给读入 DataGrid 中，这里，为了简单明了，仅仅定义了员工 id 和 name 属性。所以在 Panel 中添加属性 creationComplete="LoadPersons();"，然后添加<mx:Script>标签，并添加LoadPersons()方法，原型如下所示：

清单 1. 原型

public　
functionLoadPersons():void　
　{　
　}　

定义 ModelLocator

视图中的 DataGrid 是需要数据进行渲染的，下面定义数据的仓库 ModelLocator，该类维护一个 ArrayCollection personInfos 的引用，它就是应用程序所需的数据。

新建一个 Actionscript class，取名为 ModelLocator.as，代码如下：

清单 2. ModelLocator.as

　package　model　
　{　
　　import　mx.collections.ArrayCollection;　
　　[Bindable]　
　　public　class　ModelLocator　
　　{　
　　private　static　var　__instance:ModelLocator=null;　
　//以下这个　ArrayCollection用于填充　DataGrid　
　　　　public　var　personInfos:ArrayCollection　=　new　ArrayCollection();　
　　public　static　function　getInstance():ModelLocator　
　　{　
　　　if(__instance　==　null)　
　　　{　
　　　__instance=new　ModelLocator();　
　　　}　
　return　__instance;　
　　}　
　　}　
　}