带有图像,文本和'x'的图标,用于在Carousel列表中删除

时间:2011-03-21 20:08:49

标签: flash flex actionscript-3 actionscript mxml

我有一个旋转木马,它有一个图像和一个标签,显示图标的描述。它是使用它有一个ItemRenderer,它将图像呈现在图标描述文本上方。 它非常类似于:http://livedocs.adobe.com/flex/3/html/help.html?content=dpcontrols_2.html

中的轮播

向上点击事件我会显示与该图像/图标有关的一些文字的图像和细节。

现在我想在图标的右上方引入一个较小的“x”图标,这样用户就可以从旋转木马的项目列表中删除他不感兴趣的项目。这将调度一个不同的事件,因此removeIconEvent和clickEvent将以不同的方式处理。

我不知道该怎么做。我尝试定义自定义事件,但它不起作用。

有什么想法吗?引用?

感谢。

1 个答案:

答案 0 :(得分:1)

好吧,如果是第一个,你需要在自定义项目渲染器的角落添加'x'。很简单,只需要快速<s:Button text="x" />的位置信息即可。

接下来的内容稍微有些困难,因为我想你会使用List的dataProvider属性添加所有这些图像/文本。首先,您需要创建一个具有data属性(项呈示器的数据)的自定义事件类,然后在按钮单击事件上添加要调度的事件(使用冒泡):

<s:Button click="dispatchEvent(new CustomEvent('someEventString', data, true))" />

需要使用addEventListener在List上侦听该事件,当收到它时,获取data属性并使用removeItem将其从dataProvider中删除。