Celeste :: 深蓝世纪 :: 技术专区

这里有一些比较有用的作用，我主要用于为一些常用的选择ComboBox提供数据，或用来玩玩 :-)
在这里我们要用到<MX:Model>;

好了，我们先来看看XML的数据格式！

这里为employees.xml;里面的内容很简单：

<br /><allEmployees><br /> <employee><br />  <fName><br />   Clare<br />  </fName><br />  <lName><br />   DuPre<br />  </lName><br />  <location><br />   Paris<br />  </location><br /> </employee><br /> <employee><br />  <fName><br />   David<br />  </fName><br />  <lName><br />   Green<br />  </lName><br />  <location><br />   San Francisco<br />  </location><br /> </employee><br /></allEmployees><br />

OK,我们已经有了xml数据了，下面我们得加上一些MXML代码，后面会有一些讲解!
下面我们把这个mxml命名为sample.mxml

<br /><?xml version="1.0" encoding="utf-8"?><br /><mx:Application xmlns:mx="<a href="http://www.adobe.com/2006/mxml">http://www.adobe.com/2006/mxml</a>" layout="absolute"><br /> <mx:Model id="empModel" source="employees.xml"/><br />   <mx:DataGrid id="empGrid" dragEnabled="true"><br />    <mx:dataProvider><br />     {empModel.employee}<br />    </mx:dataProvider><br />    <mx:columns><br />       <mx:DataGridColumn dataField="fName" headerText="First Name" /><br />       <mx:DataGridColumn dataField="lName" headerText="Last Name" /><br />       <mx:DataGridColumn dataField="location" headerText="Location" /><br />    </mx:columns><br />   </mx:DataGrid> <br /></mx:Application><br />

看，我们用到<mx:Model>并且设置了他的id=empModel及source是我们之前的employees.xml
下面的使用和dataProvider一样的

同样,我们也可以把它用于ComboBox
加要再加上相应的 <mx:Model>就可以了

例：在sample.mxml的上一个的<mx:Molde>之后加上:
<br /><mx:Model id="locModel" source="locations.xml"/><br />

然后在</mx:DataGrid>后加上
<mx:ComboBox id="locCombo" dataProvider="{locModel.location}"/>
并放上相应的布局的东西就行了！

最后我们的sample.mxml看起来是这样的！

<br /><?xml version="1.0" encoding="utf-8"?><br /><mx:Application xmlns:mx="<a href="http://www.adobe.com/2006/mxml">http://www.adobe.com/2006/mxml</a>" layout="absolute"><br /> <mx:Model id="empModel" source="employees.xml"/><br /> <mx:Model id="locModel" source="locations.xml"/><br /> <mx:VBox><br />   <mx:DataGrid id="empGrid" dragEnabled="true"><br />    <mx:dataProvider><br />     {empModel.employee}<br />    </mx:dataProvider><br />    <mx:columns><br />       <mx:DataGridColumn dataField="fName" headerText="First Name" /><br />       <mx:DataGridColumn dataField="lName" headerText="Last Name" /><br />       <mx:DataGridColumn dataField="location" headerText="Location" /><br />    </mx:columns><br />   </mx:DataGrid> <br />   <mx:ComboBox id="locCombo" dataProvider="{locModel.location}"/><br /> </mx:VBox><br /></mx:Application><br />

好的，location.xml应该是这样的
<br /><locations><br /> <location><br />  Paris<br /> </location><br /> <location><br />  Tokyo<br /> </location><br /> <location><br />  Cairo<br /> </location><br /> <location><br />  San Franscisco<br /> </location><br /></locations><br />

korpton (korpton@163.com)
blog: http://www.oiasoft.com/blog/

注意：DataGridColumn的dataField要和xml的字段对应！

是吧，他非常简单！