Flex 使用列表和表格

Flex 设计了不同的控件来实现列表和表格,不仅能够将数据显示在表格和列表中,还可以实现对数据进行操纵,修改等更加强大的功能。

与列表和表格相关的控件如下所示:

列表控件(List Control):将数据显示在垂直的列表中。

水平列表控件(HorizontalList Control):与列表控件相似,水平列表控件是以水平的方式横向浏览数据。

片式列表控件(TileList Control):与上述两种列表控件类似,片式列表中不仅可以显示文字,数据,还可以显示该数据相关的图片。

组合框控件(ComboBox Control):与其他列表式控件不同,组合框控件只需占用很少的界面控件,单击控件中的下拉箭头,可动态弹出列表栏选择需要的数据选项。

数据表格控件(DataGrid Control):对于某一类数据,往往包括很多数据项,比如一个学生的数据包括:年龄,性别,出生年月等。利用数据表格控件,可以以行和列的方式表达多个学生的详细信息。

树形空间(Tree Control):将结构化的数据显示到树形的结构中。在树形控件中,利用树形的叶子节点以及叶子节点的双亲节点表示数据之间的关联。

1.列表和表格控件接口类

上述几种控件在flex中,都直接或间接的继承mx.controls.listClasses.ListBase类。所以这些控件均继承该类的属性和事件。

1.1  ListBase类属性

ListBase类常用属性如下图所示:

1.2  ListBase类事件

change:当控件的selectedIndex和selectedItem属性值发生改变时,触发该事件。

dataChange:在使用其他组件作为控件的条目渲染器时,利用data属性指定在控件中显示的内容,当该内容改变时触发该事件。

itemClick:当用户单击条目时,触发该事件。

itemDoubleClick:当用户双击条目时,触发该事件。

itemRollOut:当鼠标在条目上滚动时,触发该事件。

itemRollOver:当鼠标停留在某个条目上,触发该事件。每次鼠标停留在条目上时,控件高亮显示该条目。

(上述事件中除dataChange)事件对象类型为mx.events.FlexEvent类外,其他事件都均为mx.events.ListEvent类。

时间: 2024-11-08 03:29:21

Flex 使用列表和表格的相关文章

列表和表格---学习笔记02

第7章 列表和表格 7.1 有序列表 <ol type="A"> <li>这里是第1个li</li> <li>这里是第2个li</li> <li>这里是第3个li</li> </ol> ol属性: type : 数字(1),大小写字母(A,a),大小写罗马数字(I,i) start: "起始编号位序"表示列表项的开始编号所处的位置序号,即li前面开始的数值 -->

XHTML 列表与表格

列表与表格 列表作用 列表用于显示具有同一特征的有序/无序的数据 列表至少存在一个列表项 有序列表 用于显示具有同一特征的有序数据 <ol type="列表类型" start="起始编号"> <li>...</li> </ol> type属性的值 -1,数字 -a,小写字母 -A,大写字母 -i,小写罗马数字 -I,大写罗马数字 start值一直为数字 无序列表 用于显示具有同一特征的无序数据 <ul type=

CSS基础(背景、文本、列表、表格、轮廓)

CSS 背景属性 属性 描述 background 简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定或者随着页面的其余部分滚动. background-color 设置元素的背景颜色. background-image 把图像设置为背景. background-position 设置背景图像的起始位置. background-repeat 设置背景图像是否及如何重复. CSS 文本属性 属性 描述 color 设置文本颜色 directi

2015.7.6 第一课 课程重点(html、列表、表格、相对路径、超链接)

2015.7.6 第一课 课程重点(html.列表.表格.相对路径.超链接) 1.html(超文本标记语言)结构: <html> <head> <title>标题</title> </head> <body> 主体 </body></html> 2.版面控制标记: 换行:<br/> 段落:<p></p> 水平线:<hr> (  粗细: size: 宽度:width

HTML中的列表和表格

HTML中的列表和表格 HTML中的列表 列表--建立数字编号的列表 列表--指定编号的格式和顺序 列表--建立带有项目符号的列表 列表--建立无符号的列表 列表--建立术语列表 HTML中的表格 表格的定义,表格使用<table>来表示,属性border用来设置宽度,属性alignment用来设置表格的对齐方式,属性bgcolor设置表格的背景色. Caption元素定义表格标题,<tr>用来添加一个新的行,<th>用来定义表头,<td>用于定义单元格.

初识HTML-第二章- 列表,表格,框架

一,列表的分类 1,无序列表 通常使用项目符号作为列表项的前缀.符号有三种属性1,默认值为实体圆心  type="disc"   2,实体方心  type="square" 3,空心圆 type="circle" 语法 <ul type="需要的符号">声明这是个无序列表 并设置列表符号的样式 <li></li>作为列表语句的开始 </ul> 2,有序列表 每个列表项目前,有顺序

【AmazeUI】折叠式卡片布局,整合内容列表、表格组件

折叠式卡片布局在PC版网站中可能不常见,但是在手机版,小屏幕的网页浏览会大发异彩. AmazeUI也提供了折叠式卡片布局,虽然官网上有例子,但是这种折叠式卡片布局,整合内容列表.表格组件还是需要一番功夫. 比如如下图,利用AmazeUI的折叠式卡片布局,整合其提供的内容列表与表格组件. 整个页面的代码如下: <!--使用HTML5开发--> <!doctype html> <html class="no-js"> <html> <h

HTML5 第二章 列表和表格和媒体元素

列表: (1)什么是列表? 列表就是信息资源的一种展示形式. (2)无序列表: 语法: <ul> <li>第1项</li> <li>第2项</li> <li>第3项</li> </ul> (3)有序列表: 语法: <ol> <li>第1项</li> <li>第2项</li> <li>第3项</li> </ol> (4

列表、表格和框架

一.列表 1.无序列表: 语法:<ul> <li></li>(列表声明项) </ul> 类型(type的取值:<ul type="disc"></ul>): disc:实体圆心 square:实体方心 cicrle:空心圆 2.有序列表: 语法:<ol> <li></li>(列表声明项) </ol> 类型:<ol type="1">&l