DataGrid绑定xml

最新推荐文章于 2025-12-30 15:34:00 发布

原创最新推荐文章于 2025-12-30 15:34:00 发布 · 783 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #application #encoding #xml #layout

flex 专栏收录该内容

8 篇文章

订阅专栏

本文介绍两种将XML数据绑定到DataGrid的方法。第一种方法通过直接在Model中定义XML结构并引用；第二种方法则是将XML数据分散在多个标签中，再进行绑定。这两种方法均适用于展示如种族、姓名和性别等数据。

给DataGrid绑定XML。

1>绑定xml第一种方式:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12">
       <mx:Model id="mXML">
              <item>
              <wow form="human" name="SKY" sex="男"/>
               <wow form="NE" name="moon" sex="男"/>
               <wow form="UD" name="Lucify" sex="男"/>
               <wow form="ORC" name="Gruuby" sex="男"/>

               </item>
       </mx:Model>

       <mx:DataGrid x="50" y="38" dataProvider="{mXML.wow}">
              <mx:columns>
                     <mx:DataGridColumn headerText="种族" dataField="form"/>
                     <mx:DataGridColumn headerText="姓名" dataField="name"/>
                     <mx:DataGridColumn headerText="性别" dataField="sex"/>
              </mx:columns>
         </mx:DataGrid>
</mx:Application>

2>绑定xml第二种方式:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12">
       <mx:Model id="mXML">
              <item>
                   <wow>
                  <form>human</form>
                  <name>SKY</name>
                  <sex>男</sex>
             </wow>
             <wow>
                  <form>NE</form>
                  <name>moon</name>
                  <sex>男</sex>
               </wow>
                <wow>
                  <form>UD</form>
                  <name>Lucify</name>
                  <sex>男</sex>
               </wow>
                <wow>
                  <form>ORC</form>
                  <name>Gruuby</name>
                  <sex>男</sex>
               </wow>
               </item>
       </mx:Model>

       <mx:DataGrid x="50" y="38" dataProvider="{mXML.wow}">
              <mx:columns>
                     <mx:DataGridColumn headerText="种族" dataField="form"/>
                     <mx:DataGridColumn headerText="姓名" dataField="name"/>
                     <mx:DataGridColumn headerText="性别" dataField="sex"/>
              </mx:columns>
         </mx:DataGrid>
</mx:Application>