Flex3各类控件的常用数据源(一)总述1

Flex3为开发人员提供了丰富的预定义控件资源,每种控件都可完成一种或几种特定的功能。而在控件的使用过程中,或多或少都会与某些控件自身以外的数据进行一定程度的关联,以便在使用控件时给用户提供某些提示信息或显示操作结果。这些与控件关联起来的数据就称为“数据源”。Flex3提供了多种数据源设置方式,以便开发人员按需选用,其中较为常见的方式主要有以下几种:

一、通过<mx:dataProvider>标签指定数据源

通过<mx:dataProvider>标签是指定数据源的最常见的两种方式之一。其用法是在<mx:dataProvider></mx:dataProvider>标签对中设置具体的数据源,然后把成对的<mx:dataProvider>标签嵌套到要关联的控件标签中。代码形式主要有三种:

Ø  形式一(以ButtonBar控件为例)

Flex3各类控件的常用数据源(一)总述1

 

Ø  形式二(以HorizontalList控件为例)

Flex3各类控件的常用数据源(一)总述1

 

Ø  形式三(以TabBar控件为例)

Flex3各类控件的常用数据源(一)总述1

 

第一种形式和第二种形式都是把数组(Array)指定为控件的数据源,不同的是前者的数组中每个元素是字符串,而后者的数组中每个元素是普通对象。第三种形式使用了Flex3中的数据绑定技术,即在花括号({})中填入一个已经声明为[Bindable]的变量,以该变量提供的数据作为控件的数据源,这种变量的形式也有多种,将在下一小节讨论。

 

二、通过控件的dataProvider属性指定数据源

这是另外一种最常见的指定数据源的方式。与上小节的第三种形式一样,它也是基于Flex3的数据绑定技术,不同的是,前者把数据源变量写在独立的<mx:dataProvider>标签对之间,而后者则把变量直接作为控件标签的一个属性dataProvider的值。以ComboBox控件为例,代码形式如下:

Flex3各类控件的常用数据源(一)总述1

 

其中{cards}则是通过数据绑定机制指定的数据源,cards是数据源变量。

数据源变量的常见定义形式主要有以下几种:

 

Ø  形式一(使用<mx:XMLList>标签,以Tree控件为例)

Flex3各类控件的常用数据源(一)总述1

 

Ø  形式二(使用<mx:Model>标签,以List控件为例)

Flex3各类控件的常用数据源(一)总述1

 

Ø  形式三(使用Array类型变量,以TabBar控件为例)

Flex3各类控件的常用数据源(一)总述1

 

Ø  形式四(使用ArrayCollection类型变量,以ComboBox控件为例)

Flex3各类控件的常用数据源(一)总述1

 

Ø  形式五(使用其他控件作为数据源,以LinkBar控件为例)

Flex3各类控件的常用数据源(一)总述1

 

上述形式三和形式四中,数据源的定义都用到了JSON表达式,这是在Ajax中比较常用的数据封装方法,代码样式为:

{key1:value1,key2:value2,},{ key3:value3,key4:value4,},……

你可能感兴趣的:(json,Ajax)