集成 Adobe Flex 和 IBM WebSphere Portal

核心提示： 图 3. Flex 项目类别Flex Builder 3 内的 MXML 编辑器允许您在编辑器区域的顶部工作在 Source 或 Design 模式下，请确保您处于 Source 模式，集成 Adobe Flex 和 IBM WebSphere Portal(4)，然后添加一个 <mx:P

图 3. Flex 项目类别

Flex Builder 3 内的 MXML 编辑器允许您在编辑器区域的顶部工作在 Source 或 Design 模式下。请确保您处于 Source 模式，然后添加一个 <mx:Panel> 组件作为主应用程序的子程序来表示 UI 布局，并在这个面板内放上一个 <mx:VBox> 组件并确保它被垂直放置。参见清单 2。

清单 2. 在 MXML 文件内添加面板和 VBox
<mx:Panel　title="TODO　List"　width="100%"　height="100%"　
　　paddingLeft="4"　paddingTop="8"　paddingRight="8"　paddingBottom="4">　
　　<mx:VBox　width="100%">　
　　</mx:VBox>　
</mx:Panel>　

在 <mx:VBox> 标记之间放上一个 <mx:DataGrid> 组件以列出所有 to-do 项。定义一个 ArrayCollection todoItemColl 并将其指派为 DataGrid 的 dataProvider（参见清单 3）。在 “在 Flex 中使用 RemoteObject” 一节中，我们将会调用 RemoteObject 服务来为此 ArrayCollection 获得数据。

清单 3. 在 VBox 内添加 DataGrid
<mx:DataGrid　id="todoListDG"　dataProvider="{todoItemColl}">　
　　<mx:columns>　
　　<mx:DataGridColumn　visible="false"　dataField="id"/>　
　　<mx:DataGridColumn　width="100"　headerText="Date"　dataField="deadlineStr"/>　
　　<mx:DataGridColumn　width="400"　headerText="Subject"　dataField="task"/>　
　　...　
　　</mx:columns>　
</mx:DataGrid>