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的基类。

若文章对您有帮助,帮忙点个赞!

0
-3
发布时间 2009-07-13 02:06:06
0 条回复(回复会通过微信通知作者)
点击加载更多评论
登录 后再进行评论
(微信扫码即可登录,无需注册)