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)显示结果

(0)

相关推荐

  • 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=

  • 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()函数返回一

  • pytorch中Parameter函数用法示例

    目录 用法介绍 代码介绍 用法介绍 pytorch中的Parameter函数可以对某个张量进行参数化.它可以将不可训练的张量转化为可训练的参数类型,同时将转化后的张量绑定到模型可训练参数的列表中,当更新模型的参数时一并将其更新. torch.nn.parameter.Parameter data (Tensor):表示需要参数化的张量 requires_grad (bool, optional):表示是否该张量是否需要梯度,默认值为True 代码介绍  pytorch中的Parameter函数具

  • SQL Server中row_number函数用法入门介绍

    目录 一.SQL Server Row_number函数简介 二.Row_number函数的具体用法 1.使用row_number()函数对结果集进行编号 2.对结果集按照指定列进行分组,并在组内按照指定列排序 3.对结果集按照指定列去重 总结 一.SQL Server Row_number函数简介 ROW_NUMBER()是一个Window函数,它为结果集的分区中的每一行分配一个连续的整数. 行号以每个分区中第一行的行号开头. 语法实例: select *,row_number() over(

  • 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中实现视差滚动示例介绍

    什么是视差滚动? 视差滚动原本是一个天文学术语,当我们观察星空的时候,离我们比较远的星星移动速度比较慢,离我们比较近的星星移动速度比较快,当我们坐在车上向车窗外看的时候也会有这种体验,远处的群山似乎没有移动,但近处的行道树却在飞速掠过. 在工程设计中,视差滚动是指通过为背景图像设定比前景图像更慢的移动速度模拟现实世界中人类的视觉体验,从而在 2D 场景中产生深度的错觉,增加沉浸感. 以下是几个设计实例: 如何在 Android 中实现视差滚动? 首先创建一个新项目 新建 Android proj

随机推荐