flex datagrid 添加树 flex 教程 flex培训 flex源码 flex实例

本文介绍如何在Flex中通过脚本创建一个包含层级数据的高级数据网格。示例展示了如何定义层级数据源及配置高级数据网格以显示联系人姓名和电子邮件地址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用script在flex datagrid 添加树

<?xml version="1.0" encoding="utf-8"?>
<!--http://blog.sina.com.cn/s/blog_6dd3fe2e0100pa8p.html-->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
		<mx:HierarchicalData source="{myAC}" id="myHD"/>
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			
		import mx.collections.ArrayCollection;
		public var myAC:ArrayCollection = new ArrayCollection([
		{
		name:'Friends',
		children:[
		{name:'Jon Hirschi', email:'j_hirschi@domain.com'},
		{name:'Frank Krul', email:'f_krul@domain.com'},
		{name:'Ryan Stewart', email:'r_stewart'}]
		},
		{
		name:'Family',
		children:[
		{name:'Zafira Ahmed', email:'z_ahmed@domain.com'},
		{name:'Shiraz Ahmed', email:'s_ahmed@domain.com'}]
		}]);
			
		]]>
	
	</fx:Script>
		
	<mx:AdvancedDataGrid dataProvider="{myHD}" width="300">
		<mx:columns>
			<mx:AdvancedDataGridColumn dataField="name" headerText="Contacts"/> 
			<mx:AdvancedDataGridColumn dataField="email" headerText="Email"/> 
		</mx:columns> 
	</mx:AdvancedDataGrid>
</s:Application>