Flex 使用列表和表格

时间:2022-11-20 21:36:50

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

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

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

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

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

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

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

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

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

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

1.1  ListBase类属性

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

Flex 使用列表和表格

Flex 使用列表和表格

1.2  ListBase类事件

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

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

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

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

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

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

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