`
yinxvxv
  • 浏览: 51732 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

动态构造flex多表头

阅读更多

动态构造 flex 多表头

在开发 flex 报表的过程中感觉针对每一张报表重新写一个 mxml 是非常不值得的。如果编译好的 swf 可以适应不同的报表不就很爽了。

如下面是一个多表头的例子:

现在想用下面这种格式的数据生成上面的表头。

上面这段 xml 用“ group ”来表示列合并的部分,“ column ”表示了数据列,如果把表头看作树的话“ column ”就是叶子。叶子在表头上对应的就是数据列,多出了相应属性。

怎么对上面的 xml 进行解析呢:

上面定义了一个 AdvancedDataGrid 实例,这里的 groupedColumns 里面只有一个 AdvancedDataGridColumnGroup 并设置其 Id dataColumns

上面的 httpService 是用来访问后台生成的 xml 文件。处理它的程序是 onXmlToSet 方法,见下面:

这里得到了 setXml ,其中 dataColumns = createHeaders(dataColumns,setXml.elements()); 这一句就是动态生成表头。

见下面这个方法:

这个方法有两个参数,一个是 parent ,表示上一级的列合并,一个是用一个 for 循环,当遇到 column 时直接加到 parent 上,否则 group 将作为下一个 parent 再次执这个方法,并加到 parent 。就是一个简单的树遍历。

最后的 parent 就是一个完整的表头。

  • 大小: 5.8 KB
  • 大小: 50.2 KB
  • 大小: 13.9 KB
  • 大小: 2.8 KB
  • 大小: 18.6 KB
  • 大小: 49.8 KB
分享到:
评论
8 楼 popotang 2012-03-27  
调试成功,本打算自己研究D
7 楼 lingyezhiqiu 2012-02-13  
不知道楼主那个xml数据源是从数据库直接查出来的还是直接写好的,如果是动态生成的,还望指导下……
6 楼 yehuangjiu 2011-12-03  
请问load()是干嘛的   实现?
5 楼 yehuangjiu 2011-12-02  
我可是一直在这儿等你啊。。。。。。
4 楼 yehuangjiu 2011-12-02  
819031172@qq.com
3 楼 yehuangjiu 2011-12-02  
楼主  我要源代码  详细完整的  正在学习呢  还有任务  急 819031172@.com
不胜感激涕零
2 楼 peijunlin2008 2010-06-10  
好贴!能相信介绍一下实现细节吗?能不能提供源代码?junlinpei@gmail.com 十分感谢!
1 楼 Robin1320 2009-10-30  
好贴!能不能提供详细的源码?:)目前正学习使用,谢了。Email:robin1320@163.com

相关推荐

    flex 多层表头advancegrid 导出excel

    在Flex开发中,有时我们需要将数据展示在复杂的表格中,比如多层表头的AdvanceGrid。这类需求在数据统计、分析或报告展示等场景中非常常见。 AdvanceGrid是一款功能强大的Flex组件,它允许我们创建自定义布局和多层...

    flex DataGrid 表头分组

    在提供的文档《Flex_AdvancedDataGrid的使用.doc》中,可能包含了更多关于如何使用和配置`AdvancedDataGrid`以实现表头分组的详细信息,包括示例代码和最佳实践。建议详细阅读文档以深入理解和应用这个功能。 总的...

    flex动态生成datagrid表头

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

    Flex应用AdvancedDataGrid表头皮肤

    综上所述,Flex的AdvancedDataGrid表头皮肤设计涉及到了组件皮肤、样式、主题、交互行为等多个方面,开发者需要对Spark皮肤机制有深入理解,并熟悉Flex的图形和数据可视化技术。通过精心设计和实现,可以创建出既...

    flex导出复杂excel

    AdvancedDataGrid导出复杂表头excel

    Flex dataGrid 表头添加按钮

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

    Flex DateGrid表头全选

    NULL 博文链接:https://fhuan123.iteye.com/blog/721237

    flex加载动态图片

    flexBulider页面加载动态图片的显示

    flex导出excel

    这些库提供了读取、写入Excel文件的功能,使得在Flex应用中生成动态报表和数据分析成为可能。 根据压缩包子文件的文件名称列表,我们可以推测项目结构: 1. `.actionScriptProperties`:这是Flash Builder或...

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

    在Flex开发中,有时我们需要根据应用的需求动态地创建DataGrid组件以及它的表头。这是因为静态地定义所有列可能不适用于所有场景,特别是当数据来源未知或者需要根据用户输入来定制时。以下是一个关于如何在Flex中...

    利用 Flex/Bison 构造编译器

    - `yywrap()`函数用于处理多个输入文件的情况,当读取完一个文件后,这个函数会被调用,若返回1则停止词法分析。 实验总结部分将涉及对实验结果的分析,对Flex工具的理解,以及在实际开发编译器时对词法分析的考量...

    flex自动构造词法分析程序-编译原理实验

    本次资源就是针对一次编译原理实验,实验的内容就是用flex工具自动构造词法分析程序

    AdvancedDataGrid多表头与树形表格(数据统计)

    在本文中,我们将深入探讨Adobe Flex中的AdvancedDataGrid组件,特别是在实现多表头和树形表格方面的应用,这对于数据统计和展示来说是非常重要的工具。AdvancedDataGrid是Flex中一个功能强大的组件,它允许用户以...

    flex css动态加载

    在本文中,我们将深入探讨“Flex CSS动态加载”这一主题,这是前端开发中一个非常重要的概念,尤其是在构建响应式和高性能的Web应用时。Flex CSS允许我们动态地改变页面布局,根据用户行为或屏幕尺寸调整元素的位置...

    动态切片图 flex版

    我们需要选择适合展示多维度数据的图表类型,并对其进行定制以实现动态切片功能。 3. 用户交互:为了实现“动态”特性,我们需要添加事件监听器来响应用户的交互操作,如点击、拖动等。这些事件可以触发数据的重新...

    基于flex的地图动态标绘系统

    《基于Flex的地图动态标绘系统详解》 GIS(Geographic Information System)地图系统在现代信息社会中扮演着重要角色,它结合了地理信息与计算机技术,使得数据的可视化和分析更为直观有效。本文将深入探讨一个基于...

    flexform动态from

    Flexform可以被看作是一种灵活的表单构造工具,它允许开发者创建可扩展和可配置的表单,这些表单可以根据不同的业务需求动态地添加、删除或改变表单元素。在JavaScript中,这通常通过监听用户的交互事件,然后动态...

    flex实现多文件上传

    在Flex中实现多文件上传,通常涉及到ActionScript编程、组件使用以及与服务器端的交互。下面将详细介绍如何使用Flex来实现这个功能。 一、Flex中的文件选择组件 在Flex中,我们可以使用`FileReference`类来处理文件...

    flex 多个聊天实例

    Flex是一种开源的、基于ActionScript的框架,用于构建富互联网应用程序(RIA),尤其适合创建动态和交互式的Web应用。在这个场景中,它被用来开发聊天功能,可能包括实时的文字、音频或视频交流。 描述中提到的链接...

    flex常用动态菜单

    动态添加菜单项是Flex动态菜单的核心特性,可以根据用户操作或数据变化实时更新菜单内容。例如,我们可以根据服务端返回的数据动态生成菜单: ```actionscript for each (var item:Object in serverData) { var ...

Global site tag (gtag.js) - Google Analytics