Flex中AdvancedDataGrid的用法示例介绍

AdvancedDataGrid实现双表头表格

(1)源码

AdvanceGrid.mxml


代码如下:

<?xml version="1.0" encoding="utf-8"?>
<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"
width="100%" height="100%">
<s:layout>
<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center"/>
</s:layout>
<fx:Declarations>

</fx:Declarations>

<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
.adv{
font-size:12;
font-weight:bold;
color:FFFFFF;
}
</fx:Style>

<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;

[Bindable]
private var flatArray:ArrayCollection = new ArrayCollection([
{school:"星艺高中",one:"5645",two:"4512",three:"4545",man:"8656",woman:"6545",Chinese:"98",Maths:"78",English:"98"},
{school:"充实高中",one:"5665",two:"4512",three:"6563",man:"8565",woman:"6541",Chinese:"67",Maths:"86",English:"65"},
{school:"理论一中",one:"6545",two:"6562",three:"5623",man:"8754",woman:"6214",Chinese:"87",Maths:"78",English:"86"},
{school:"护名高中",one:"5623",two:"2356",three:"4512",man:"8574",woman:"6354",Chinese:"98",Maths:"84",English:"69"},
{school:"竹艺高中",one:"4545",two:"7545",three:"5623",man:"8547",woman:"6352",Chinese:"94",Maths:"80",English:"87"},
{school:"精髓高中",one:"6565",two:"4512",three:"4512",man:"8354",woman:"6854",Chinese:"90",Maths:"68",English:"97"}
]);
]]>
</fx:Script>

<mx:VBox width="100%" height="100%" paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10">
<mx:AdvancedDataGrid id="adg" dataProvider="{flatArray}" designViewDataType="flat" width="100%" height="100%"
paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" verticalAlign="middle"
textAlign="center" headerSeparatorSkin="mx.skins.ProgrammaticSkin" headerColors="[0xB0C4DE,0xB0C4DE]"
headerStyleName="adv">
<mx:groupedColumns>
<mx:AdvancedDataGridColumn headerText="学校" dataField="school"/>
<mx:AdvancedDataGridColumnGroup headerText="班级">
<mx:AdvancedDataGridColumn headerText="高一" dataField="one"/>
<mx:AdvancedDataGridColumn headerText="高二" dataField="two"/>
<mx:AdvancedDataGridColumn headerText="高三" dataField="three"/>
</mx:AdvancedDataGridColumnGroup>
<mx:AdvancedDataGridColumnGroup headerText="性别">
<mx:AdvancedDataGridColumn headerText="男" dataField="man"/>
<mx:AdvancedDataGridColumn headerText="女" dataField="woman"/>
</mx:AdvancedDataGridColumnGroup>
<mx:AdvancedDataGridColumnGroup headerText="课程">
<mx:AdvancedDataGridColumn headerText="语文" dataField="Chinese"/>
<mx:AdvancedDataGridColumn headerText="数学" dataField="Maths"/>
<mx:AdvancedDataGridColumn headerText="英语" dataField="English"/>
</mx:AdvancedDataGridColumnGroup>
</mx:groupedColumns>
</mx:AdvancedDataGrid>
</mx:VBox>

</s:Application>

(2)显示结果

时间: 2013-10-28

jQuery中$.fn的用法示例介绍

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效. 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子:$("#div").abc(); jQuery为开发插件提拱了两个方法,分别是: jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法. jQuery.fn.extend(object);给jQue

python中hashlib模块用法示例

我们以前介绍过一篇Python加密的文章:Python 加密的实例详解.今天我们看看python中hashlib模块用法示例,具体如下. hashlib hashlib主要提供字符加密功能,将md5和sha模块整合到了一起,支持md5,sha1, sha224, sha256, sha384, sha512等算法 具体应用 #!/usr/bin/env python # -*- coding: UTF-8 -*- #pyversion:python3.5 #owner:fuzj import h

c++中c_str()的用法示例

//标准库的string类提供了三个成员函数来从一个string得到c类型的字符数组 //主要介绍c_str //c_str():生成一个const char*指针,指向以空字符终止的数组. //这个数组应该是string类内部的数组 #include <iostream> //需要包含cstring的字符串 #include <cstring> using namespace std; int main() { //string-->char* //c_str()函数返回一

MySQL中or语句用法示例

1.mysql中or语法的使用,在mysql语法中or使用注意点. 项目遇到坑,遍历发放奖励数据查询错误!!! $sql = 'SELECT * FROM `vvt_spread_doubleegg_exchange_award` AS p WHERE p.`act_type` = 4 or p.`act_type` = 5 AND p.`user_id` = ' .$user_id ; sql中的or语法一般用于多个条件的查询,上面的语法查询的相当于:两个sql查询出来的数据集合. $sql

PHP中error_reporting函数用法详细介绍

PHP中error_reporting函数用法详细介绍 PHP中对错误的处理会用到error_reporting函数,看到最多的是error_reporting(E_ALL ^ E_NOTICE),这个是什么意思呢?下面我们具体分析error_reporting函数. 定义用法 error_reporting() 设置 PHP 的报错级别并返回当前级别. 语法 error_reporting(report_level) 如果参数 report_level 未指定,当前报错级别将被返回.下面几项是

jQuery中 bind的用法简单介绍

bind介绍 bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. 语法 $(selector).bind(event,data,function) event 必须.添加到元素的一个或多个事件如:click,mouseover,mouseup,change,select data 可不填.传递到函数的额外数据,如:$(selector).bind("click","input",function(){}); function(){}

Android开发中ProgressDialog简单用法示例

本文实例讲述了Android开发中ProgressDialog简单用法.分享给大家供大家参考,具体如下: 网上一般对进度条的示例都是如何显示,没有在任务结束如何关闭的文章,参考其他文章经过试验之后把整套进度条显示的简单示例如下: 建立android工程等工作都略去,Google一下就可以了. 下面来介绍主要的Activity ProgressBarDemo.java package com.lveyo.android.demo.progressbar; import android.app.Ac

SQL Server 中 RAISERROR 的用法详细介绍

SQL Server 中 RAISERROR 的用法 raiserror 的作用: raiserror 是用于抛出一个错误.[ 以下资料来源于sql server 2005的帮助 ] 其语法如下: RAISERROR ( { msg_id | msg_str | @local_variable } { ,severity ,state } [ ,argument [ ,...n ] ] ) [ WITH option [ ,...n ] ] 简要说明一下: 第一个参数:{ msg_id | ms

Python2和Python3中print的用法示例总结

前言 最近在学习python,对于python的print一直很恼火,老是不按照预期输出.在python2中print是一种输出语句,和if语句,while语句一样的东西,在python3中为了填补python2的各种坑,将print变为函数,因此导致python3中print的一些使用和python2很不一样.下面就来给大家详细的总结了关于Python2和Python3中print的用法,话不多说了,来一起看看详细的介绍吧. 一.Python2中的print用法 在Python2 中 prin