Flex 如何得到itemRenderer里面的内容

前几天在写ViSR的时候，碰到了一个问题，问题如下：
1、定义了一个HorizontalList类型的可视化组件：MyHorizontalList。
2、MyHorizontalList的属性：dataProvider。它绑定了一个外部数据。（假设这个外部数据共6条）
3、MyHorizontalList的属性：itemRenderer，它使用了自定义的组件：MyItemRenderer
4、在MyItemRenderer里面定义了一个public类型的functon：refresh()
5、程序初始化的时候，众所周知如果要对MyItemRenderer里面的item进行赋值的话，要使用data.XXX的形式，同时应该有6个MyItemRenderer被建立起来，同时它们都被HorizontalList的渲染器itemRenderer呈现了出来。

以上的情况一切都很顺利，顺心是不是呢：）

问题出现了：当Flex App运行后，我要动态的调用MyHorizontalList包含的MyItemRenderer里面的public funciton：refresh()，即对全部的MyItemRenderer里面的refresh都需要调用。而这个调用并不需要使用使用任何的event（例如itemClick这个event）。

探索方式：
1、遍历MyHorizontalList里面的child，发现只有三个。
2、自动遍历触发itemClick event，可以实现，但是效率是一个问题（做大型的Flex App时，一定要注意效率这个问题。）

无奈下只能去HorizontalList.as里面搜寻答疑，结果终于让我结合Adobe Doc发现了这个问题的解决方法。

这是寻找的思路：
HorizontalList是继承与ListBase，而ListBase属于mx.controls.listClasses包下面的class，因此最有希望的是在mx.controls.listClasses这个下面

实现方法：
1、在探索阶段使用第一种方式的时候，会得到MyHorizontalList共有三个child，而我们就需要它的最后一个child。
即：MyHorizontalList.getChildAt( 2 )
2、请大家一定要注意：它最后一个child是一个ListBaseContentHolder类型的变量，而ListBaseContentHolder是存在于mx.controls.listClasses.ListBaseContentHolder里面的。
因此我们需要手动引入如下的class：
import mx.controls.listClasses.ListBaseContentHolder;
var myHList : ListBaseContentHolder = MyHorizontalList.getChildAt( 2 ) as ListBaseContentHolder;
通过上面的代码就得到了myHList。（注意它的类型是：ListBaseContentHolder ）
3、ListBaseContentHolder里面有一个public method：listItems，它的定义如下：
原文：An Array of Arrays that contains the item renderer instances that render each data provider item.
翻译：一个由数组组成的 Array，其中包含用于显示dataProvider提供的项目渲染器实例。
通过上面的翻译不难看出，listItems就是我们要使用的method，即包含了MyItemRenderer的数组。

4、以下是的source就比较简单了：
//得到MyRendererArr
var MyRendererArr : Array = listBase.listItems[ 0 ] as Array ;
//遍历MyRendererArr
for ( var i : int = 0; i < MyRendererArr .length; i ++ ) {
//每一个MyRendererArr[ i ]都是一个实例的MyItemRenderer
var temp : MyItemRenderer= MyRendererArr [ i ] as MyItemRenderer;
//即我想要的最终结果
temp.refresh();
}

是不是很简单，其实上面的方式适用于任何继承与ListBase的组件。

关于ListBase的介绍：
它是所有提供项目列表的基类，即它是itemRenderer的基类。

最新评论