`

Flex DataGrid取其中的某一个值

    博客分类:
  • Flex
阅读更多
<?xml version="1.0"?>
<!-- DataGrid control example. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:XMLList id="employees">
        <employee>
            <name>Christina Coenraets</name>
            <phone>555-219-2270</phone>
            <email>ccoenraets@fictitious.com</email>
            <active>true</active>
        </employee>
        <employee>
            <name>Joanne Wall</name>
            <phone>555-219-2012</phone>
            <email>jwall@fictitious.com</email>
            <active>true</active>
        </employee>
        <employee>
            <name>Maurice Smith</name>
            <phone>555-219-2012</phone>
            <email>maurice@fictitious.com</email>
            <active>false</active>
        </employee>
        <employee>
            <name>Mary Jones</name>
            <phone>555-219-2000</phone>
            <email>mjones@fictitious.com</email>
            <active>true</active>
        </employee>
    </mx:XMLList>
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			private function clickHandle():void
			{
				var h:String = dg.dataProvider[0].name;
				trace(h);
				var o:Object = dg.dataProvider;
				trace((new ArrayCollection(dg.dataProvider.toArray())).length);
				
				Alert.show(dg.selectedItem.name);
			}
		]]>
	</mx:Script>
    <mx:Panel title="DataGrid Control Example" height="100%" width="100%" 
        paddingTop="10" paddingLeft="10" paddingRight="10">

        <mx:Label width="100%" color="blue"
            text="Select a row in the DataGrid control."/>

        <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}">
            <mx:columns>
                <mx:DataGridColumn dataField="name" headerText="Name"/>
                <mx:DataGridColumn dataField="phone" headerText="Phone"/>
                <mx:DataGridColumn dataField="email" headerText="Email"/>
            </mx:columns>
        </mx:DataGrid>

        <mx:Form width="100%" height="100%">
            <mx:FormItem label="Name">
                <mx:Label text="{dg.selectedItem.name}"/>
            </mx:FormItem>
            <mx:FormItem label="Email">
                <mx:Label text="{dg.selectedItem.email}"/>
            </mx:FormItem>
            <mx:FormItem label="Phone">
                <mx:Label text="{dg.selectedItem.phone}"/>
            </mx:FormItem>
        </mx:Form>
        <mx:Button click="clickHandle()"/>
    </mx:Panel>
</mx:Application>        

 

分享到:
评论

相关推荐

    FLEX的datagrid合计、平均值

    在Flex开发中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户以表格的形式查看和操作数据。本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 ...

    Flex DataGrid 改变某一行的背景颜色

    另一个方法是监听DataGrid的`itemRendered`事件,当某一行渲染完成后,检查数据并设置背景色。但这种方法可能会有性能问题,因为每次渲染都会触发事件。 ```actionscript dataGrid.addEventListener(DataGridEvent....

    flex datagrid 前台 分页

    Flex DataGrid支持自定义数据提供者,你可以创建一个类来实现IList接口,这个类应该包含分页逻辑,如当前页、总页数、每页记录数等属性。当用户点击分页按钮时,你的数据提供者会更新这些属性,并根据新的分页设置...

    Flex Datagrid checkbox实现

    在Flex Datagrid中实现复选框功能,主要是通过添加一个自定义的列renderer来完成。Renderer是Datagrid中的一个小部件,负责渲染每一行或每一列的数据。对于复选框,我们可以创建一个CheckBox类的实例,然后将其设置...

    flex DataGrid 表头分组

    首先,表头分组允许我们将数据按照某一列或多列的值进行分组,形成层次化的表头结构。例如,如果我们有一个包含产品信息的数据集,可以按类别对产品进行分组,这样所有同一类别的产品就会被组织在一起,便于用户浏览...

    Flex DataGrid CheckBox 一个简单的全选

    在Flex开发中,DataGrid组件是一个非常常用的控件,它用于展示数据集合,并提供交互式操作,如排序、选择等。本示例聚焦于DataGrid中的CheckBox集成,特别是实现一个全选的功能。以下是对这个主题的详细解释: 一、...

    Flex dataGrid 全选、反选

    为了实现全选和反选功能,我们需要扩展DataGrid类,创建一个新的自定义类,例如`CheckBoxDataGrid`。在这个新类中,我们可以添加方法来处理全选和反选逻辑。 2. **添加表头复选框**: 在`CheckBoxDataGrid`的表头...

    flex datagrid 嵌套checkbox实现全选

    Flex DataGrid是Adobe Flex框架中的一个组件,用于显示结构化的数据集。它可以自动生成列,并根据数据源动态调整大小。DataGrid支持排序、分页、筛选等功能,是UI设计中处理大量数据的首选组件。 2. **嵌套复选框...

    flex datagrid

    Flex DataGrid是一个强大的数据展示组件,它在Adobe Flex框架中被广泛使用,用于显示和操作大量结构化的数据。这个组件提供了灵活的布局选项,可定制的列格式化,以及丰富的用户交互功能,如排序、筛选和编辑。...

    将Flex DataGrid数据导出到Excel中

    在Flex客户端,接收到服务端的响应后,可以使用Flash Player的navigateToURL方法打开一个新的浏览器窗口,指向服务器返回的Excel文件地址,让用户下载。 在整个过程中,确保处理好错误情况,比如数据解析失败、...

    flex DataGrid改变指定行的背景颜色

    ItemRenderer是一个Flex组件,它负责渲染DataGrid中的每一行。在自定义ItemRenderer中,我们可以根据数据源中的属性值来设置背景颜色。以下是一个简单的自定义ItemRenderer示例: ```actionscript public class ...

    flex DataGrid xml 动态数据列表实例

    在本例中,我们需要创建一个XML文件,其中包含要显示在`DataGrid`中的数据。例如: ```xml &lt;name&gt;Item 1 &lt;price&gt;10.99 &lt;name&gt;Item 2 &lt;price&gt;15.49 &lt;!-- 更多item元素... --&gt; ``` 2. **加载XML数据*...

    flex datagrid 表格 合计

    Flex DataGrid 是 Adobe Flex 框架中的一个组件,它用于在应用程序中显示表格数据。在Flex中,实现数据网格的总计功能是一项常见的需求,它能够帮助用户快速地理解和分析大量数据。本项目提供了一个已经实现了总计...

    FLEX的一个DataGrid例子

    在Flex开发中,DataGrid控件是一个非常重要的组件,它被广泛用于展示和操作结构化的数据,例如数据库表格或者XML列表。本例子旨在帮助开发者更好地理解和应用DataGrid,通过实例来学习其基本功能和特性。 DataGrid...

    flex datagrid 实现合计功能控件包

    flex datagrid 实现合计功能控件包 带源码,demo fxp是flex4的工程文件,导入到工作空间即可 直接导入项目即可。 更多访问我的blog www.dplayer.net

    Flex DataGrid 分页

    Flex DataGrid 分页是Adobe Flex开发中一个关键的用户界面组件功能,用于处理大量数据时提高性能和用户体验。在Web应用程序中,一次性加载所有数据可能导致页面加载缓慢,消耗大量内存,而分页则能有效地解决这个...

    FLEX datagrid应用实例

    DataGrid是Flex中的一个核心组件,它允许开发者以表格的形式展示数据,适用于数据密集型的应用场景。 一、Flex DataGrid简介 Flex DataGrid组件是一个可滚动的表格,用于显示大量的结构化数据。它提供了诸如排序、...

    flex Datagrid checkbox全选

    在Flex开发中,Datagrid是一种常用的组件,用于展示表格数据,而checkbox全选功能则是提高用户体验的一个重要特性。本文将详细讲解如何实现Flex Datagrid中checkbox的全选功能。 首先,我们要了解Flex Datagrid的...

Global site tag (gtag.js) - Google Analytics