`
长虫的梅子
  • 浏览: 43294 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

在Flex中动态生成DataGrid 动态的改变表头

    博客分类:
  • Flex
阅读更多
Flex中的DataGrid控件无法根据 数据源 动态的改变表头
下面一个简单的实例实现了表头的动态改变。



<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="init()">
	<mx:Script>
		<![CDATA[
			import mx.controls.dataGridClasses.DataGridColumn;
			import mx.collections.ArrayCollection;
			import mx.controls.DataGrid;
			import mx.events.ListEvent;
			import mx.controls.ComboBox;
			[Bindable]
                           //  自定义数据源   
			private var dgDataArr:Array = [{name: "Jon", job: "officer",addnew:'aaaa'},
				{name: "James", job: "seller",addnew:'bbbb'},
				{name: "Jodon", job: "manager",addnew:'cccc'},
				{name: "Jon", job: "officer",addnew:'aaaa'},
				{name: "Jon", job: "officer",addnew:'aaaa'},
				{name: "Jon", job: "officer",addnew:'aaaa'}];
			
			private function init():void
			{
				var dgData:ArrayCollection = new ArrayCollection(dgDataArr);
				dgData.filterFunction
                                    // 自定义DataGrid控件
				var dataGrid:DataGrid = new DataGrid();
				dataGrid.x = 10; // X轴坐标
				dataGrid.y = 20; // Y轴坐标
				dataGrid.editable = false; // 数据项是否能编辑
				dataGrid.percentWidth  = 100; // 控件宽度
				dataGrid.percentHeight = 100; // 控件高度
				dataGrid.setStyle("fontSize", 14);
				dataGrid.styleName
				dataGrid.dataProvider = dgData; // 设置数据源
				dataGrid.addEventListener(ListEvent.ITEM_CLICK, itemClickHandler); // 添加监听事件类型与触发函数
				addChild(dataGrid); // 添加dataGrid控件
				
				var columns:Array = new Array();
				var col:DataGridColumn;
				for ( var i:* in dgDataArr[0] ) {
					col = new DataGridColumn(i);
					columns.push(col);
				}
				dataGrid.columns = columns;
				
			}
			private function itemClickHandler(e:ListEvent):void
			{
				trace(e.target);
			}
		]]>
	</mx:Script>
</mx:Application>




分享到:
评论

相关推荐

    flex动态生成datagrid表头

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于显示...总的来说,通过学习Flex中的动态生成DataGrid表头和LineChart的简单操作,开发者可以更好地理解和应用Flex组件,实现更丰富的用户界面和数据可视化。

    datagrid 多表头及动态生成的实现

    本篇文章将详细介绍如何使用JQuery EasyUI插件中的datagrid组件实现多表头以及动态生成表格的功能。 #### 技术背景 - **JQuery EasyUI**:是一款基于jQuery的UI工具包,用于简化网页界面的开发。它提供了多种用户...

    FLEX4实践—动态生成DataGrid及应用客户化itemRenderer.doc

    总结起来,这个例子展示了如何在Flex4中动态生成`DataGrid`,处理动态数据结构,以及通过客户化`itemRenderer`优化特定数据类型的显示。开发者可以灵活地根据后端返回的数据结构生成相应的UI,同时提供更人性化的...

    Flex中如何动态生成DataGrid以及动态生成表头

    以下是一个关于如何在Flex中动态生成DataGrid及其表头的详细说明。 首先,我们需要了解基本的Flex组件和MXML语法。`&lt;mx:Application&gt;` 是Flex应用程序的基本容器,而`&lt;mx:Script&gt;` 用于放置ActionScript代码。`&lt;mx:...

    flex DataGrid 表头分组

    3. **配置`AdvancedDataGrid`组件**:Flex中的`AdvancedDataGrid`相对于基础的`DataGrid`提供了更丰富的功能,包括表头分组。在`AdvancedDataGrid`中,我们需要设置`&lt;mx:columns&gt;`子元素来定义列,并为需要分组的列...

    基于siverlight实现动态生成DataGrid模板列源码例子

    在这个特定的例子中,"基于Silverlight实现动态生成DataGrid模板列源码例子"是一个教程或项目,旨在教授如何在Silverlight应用中动态创建DataGrid的模板列。DataGrid是WPF和Silverlight中常用的数据展示控件,它允许...

    WPF之DataGrid动态生成列实例

    本实例聚焦于“WPF之DataGrid动态生成列”,这一技术通常在数据结构不固定或者需要根据后台数据自适应列数的情况下显得尤为实用。在传统的使用方式中,DataGrid的列是预先硬编码定义的,但在某些场景下,我们需要...

    wpf 动态合并datagrid表头单元格

    以上就是关于在WPF中动态合并Datagrid表头单元格的核心知识点。通过自定义列类型和HeaderTemplate,结合数据绑定和视图模型,我们可以实现灵活且强大的表头合并功能,使数据展示更加清晰、易读。在实际项目中,可以...

    FLEX 4中实现对DATAGRID的过滤功能

    在FLEX 4中实现对DATAGRID的过滤功能,是一项关键的技术,它允许开发者创建出更为动态且响应用户需求的界面。本文将深入探讨如何在FLEX 4环境中开发带有过滤功能的DATAGRID组件,包括理解DATAGRID的工作原理、如何...

    Flex动态创建DataGrid设置图片

    本教程主要聚焦于如何在Flex中动态创建DataGrid,并向其中添加图片,这在创建交互式、富媒体应用时非常有用。通过以下两种方法,你可以实现这个功能。 ### 方法一:使用ItemRenderer 1. **定义ItemRenderer**: ...

    修改DataGrid表头样式

    在实际应用中,我们往往需要根据设计需求对DataGrid的外观进行定制,包括改变表头的样式。本篇将详细介绍如何修改DataGrid的表头样式,以实现个性化的设计。 首先,我们要理解DataGrid的结构。DataGrid由多个部分...

    wpf DataGrid复合表头

    本篇文章将详细探讨如何在WPF中实现DataGrid的复合表头功能,并确保在拖动列时仍能保持其正确的位置和关系。 首先,复合表头的基本概念是指表头由多个水平或垂直排列的小表头组成,这种设计可以清晰地表示出数据...

    flex中dataGrid导出数据到excel中

    flex中dataGrid导出数据到excel中,不存在乱码问题

    Siverlight DataGrid动态表头

    在本项目"Silverlight DataGrid动态表头"中,我们关注的是如何实现DataGrid的表头可以根据需求动态变化,提供更灵活的用户界面。 1. **Silverlight DataGrid**:Silverlight DataGrid控件允许开发者以网格形式展示...

    DataGrid表头合并和单元格内容合并-升级版

    这个“DataGrid表头合并和单元格内容合并-升级版”主题主要聚焦于如何在DataGrid中实现复杂的表头和单元格合并功能,以适应多层结构的数据展示需求。 首先,我们要理解在DataGrid中进行表头合并的意义。通常,当...

    Flex dataGrid 表头添加按钮

    老外做的功能有点复杂,我整理了其中一个简单的效果,在表头上加一个按钮。扩展的话可以实现数据过滤,或者下拉动态隐藏指定列(灵感都来自extjs呵呵)。 也可以在此下载:...

    flex 多级窗口互调连接oracle动态管理生成动态datagrid

    在Flex中,我们可以使用WindowedApplication或Window类来创建独立的窗口。窗口间的互调意味着在不同窗口之间传递数据和控制流程,这对于大型应用来说至关重要。这通常通过事件监听、回调函数或者使用Flex的...

    Flex中组件datagrid导出Excel

    本主题将深入探讨如何在Flex中实现组件DataGrid的数据导出功能,使其能够生成Excel文件供用户下载和处理。 DataGrid是Flex中常用的一个组件,它用于展示结构化数据,通常用于表格形式的展示。在Flex中,我们可以...

    FLEX的一个DataGrid例子

    在Flex中,创建DataGrid通常是通过MXML代码实现的。在MXML文件中,我们可以定义一个`mx:DataGrid`标签,并为其设置ID以便后续编程时引用。例如: ```xml &lt;mx:DataGrid id="myGrid"&gt; &lt;/mx:DataGrid&gt; ``` 2. **...

    flex 中datagrid 动态攺变行颜色

    以上就是关于在Flex中动态改变Datagrid行颜色的基本方法。通过自定义ItemRenderer并结合数据源的动态属性,我们可以灵活地控制Datagrid的视觉表现,使得应用更具吸引力和交互性。记得在实际项目中根据具体需求进行...

Global site tag (gtag.js) - Google Analytics