<?xml version="1.0" encoding="utf-8"?>
<mx:Application name="DataGrid_textAlign_test"
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
initialize="init();">
<mx:Script>
<![CDATA[
import mx.controls.dataGridClasses.DataGridHeader;
import mx.utils.ObjectUtil;
import mx.controls.Alert;
import mx.controls.DataGrid;
import mx.controls.dataGridClasses.DataGridColumn;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.rpc.http.HTTPService;
import mx.rpc.xml.SimpleXMLEncoder;
import mx.utils.ObjectUtil;
private var dataGrid:DataGrid;
private var httpServ:HTTPService;
private function init():void {
httpServ = new HTTPService();
httpServ.url = "airlines.xml";
httpServ.resultFormat = "e4x";
httpServ.addEventListener(ResultEvent.RESULT, httpServ_result);
httpServ.addEventListener(FaultEvent.FAULT, httpServ_fault);
httpServ.send();
}
private function httpServ_result(evt:ResultEvent):void {
var x:XML=XML(httpServ.lastResult);
var cols:Array = [];
var dataGridCol1:DataGridColumn;
for each(var y:XML in x.item){
var xmllist:XMLList=y.children();
//get element name and generate datagrid column dynamiclly
for each(var z:XML in xmllist){
var n:String = z.name().toString();
dataGridCol1 = new DataGridColumn(n);
dataGridCol1.itemRenderer = new ClassFactory(BackgroundComp);
cols.push(dataGridCol1);
}
break;
}
dataGrid = new DataGrid();
dataGrid.columns = cols;
addChild(dataGrid);
dataGrid.dataProvider = XML(httpServ.lastResult).item;
}
private function httpServ_fault(evt:FaultEvent):void {
Alert.show("Failed to load: " + evt.currentTarget.url, evt.fault.faultString);
}
]]>
</mx:Script>
</mx:Application>
分享到:
相关推荐
在实际应用中,我们经常需要根据特定条件或者需求自定义Datagrid的行背景色,以增强视觉效果,或者突出显示特定行的信息。本文将深入探讨如何在Flex中实现对datagrid行背景色的自定义。 首先,了解Flex Datagrid的...
在实际应用中,我们经常需要根据特定条件改变DataGrid中某一行的背景颜色,以突出显示特定数据或提供视觉反馈。本文将详细讲解如何在Flex中实现这一功能。 首先,我们要了解Flex DataGrid的基本结构。DataGrid由一...
在某些情况下,我们可能需要根据特定条件改变DataGrid中的某一行或几行的背景颜色,以突出显示或者区分不同的数据状态。本篇文章将详细探讨如何在Flex中实现这一功能。 首先,我们需要理解DataGrid的基本结构。...
你可以为整个DataGrid设置背景色,也可以为特定行或列设置不同的颜色,以达到视觉效果或强调特定数据的目的。 5. **Flash集成**: 虽然Flex和Flash在某些方面有交集,但它们在技术上是独立的。在描述中提到的"flash ...
在本篇文章中,我们将探讨如何在Flash中对DataGrid组件进行自定义,使其显示交替的行背景颜色(即一行白色,一行灰色)。这种方法类似于Flex框架中的DataGrid样式,并且能够提高用户界面的可读性和美观度。下面将...
通过自定义ItemRenderer并结合数据源的动态属性,我们可以灵活地控制Datagrid的视觉表现,使得应用更具吸引力和交互性。记得在实际项目中根据具体需求进行调整和优化,以保证最佳的性能和用户体验。
3. **样式复制**:可能还支持复制DataGrid或AdvancedDataGrid的样式,如字体、颜色、背景等,以保持导出到Excel后的视觉一致性。 4. **用户交互**:提供一个简单的界面或API,让用户可以触发导出操作,并选择保存...
- **示例**:如果更改了组件的背景颜色和边框宽度,`commitProperties()`可以确保这两个更改同步进行,避免多次重新计算布局。 2. **`createChildren()`**:该方法用于创建组件的子组件。例如,`ComboBox`控件包含...
3. **在DataGrid中使用itemRenderer** 在`DataGrid`的`<mx:columns>`标签内,为需要显示不同背景色的列指定`itemRenderer`属性。例如: ```xml <mx:DataGrid id="myGrid"> </mx:DataGrid> ``` 4. **...
Flex 3 是 Adobe 开发的一款用于构建富互联网应用程序(RIA)的框架,它基于 ActionScript 3 和 MXML,提供了一套强大的组件库和开发工具。在这个“10多个Flex 3 的源码(整理)”中,我们可以深入研究Flex 3的核心...
该方法的实现是覆盖DataGrid的drawRowBackground方法,允许开发者通过外部传入的函数来控制行颜色。 在SpecialDataGrid类中,我们使用了两个属性:rowColorFunction和dataProvider。dataProvider是一个数据源,用于...
本资料包“datagrid.rar”专注于Flex中的DataGrid控件,特别是如何实现每个单元格显示不同颜色的功能。 DataGrid控件是Flex中用来展示表格数据的组件,它可以显示多行多列的数据,并提供了排序、选择、编辑等交互...
【集成 Macromedia Flash 和 IBM Lotus Notes/Domino:基于 Domino 解决方案的基于 Flash 的 UI】 ...对于有 ActionScript 和 Lotus Notes/Domino 开发背景的开发者来说,这是一个极具价值的解决方案。
此外,`borderWidth`属性用于控制边框的宽度,`borderColor`用于设置边框颜色。如果需要更复杂的边框效果,如圆角,可以使用`cornerRadius`属性。 2. **添加标题**: `TitleWindow`容器自带标题功能,只需在XML或...
3. 设计样式:通过CSS或MXML定制外观,包括颜色、字体、大小、边框、背景等。 4. 控制行为:调整显示延迟、消失时间、跟随鼠标移动等行为。 5. 应用到DataGrid:在DataGrid的列定义或单元格渲染器中,设置自定义...
第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 1.3节.创建ActionScript项目 1.4节.在FlexBuilder中设置MXML编译器选项 1.5节.在FlexBuilder外部编译Flex...
在这里,设置了Panel的背景颜色为“#3F2727”。 ### 3. 数据处理与管理 #### 使用ArrayUtil转换数据结构 - **`ArrayUtil.toArray()`**: 这个方法用于将数据模型转换成数组形式。在给定的内容中,可以看到一个示例...
根据给定文件的信息,我们可以总结出一系列与Flex和ActionScript 3(AS3)相关的知识点。下面的内容将针对每一个问题进行详细的解答。 ### Flex及AS3基础知识 #### 1. AS3语言中,Array里面是不是可以放不同类型?...
6. **样式**:通过CSS或Skinning定义表格的样式,包括字体、颜色、背景等。 综上所述,"Flex Grid制作复杂表格"涉及到的技术点包括Flex组件、MXML编程、XML数据绑定、自定义渲染器和事件处理。通过这些技术,我们...