Flex3：自定义项呈示器不侦听父级调度的事件-Flex3:CustomItemRendererdoesnotlistentoeventsdispatchedbyparent

Your custom ItemRenderers should not register an event listener with their parent, but with your "select all" checkbox, i.e.

您的自定义ItemRenderers不应该向其父级注册事件监听器,而是使用“全选”复选框,即

theCheckbox.addEventListener(YourEvent.YOUR_EVENT, itemRendererSelectAllHandler);

Failing that, can you post your code which adds the event listener and which dispatches the event form the checkbox?

如果不这样做,您可以发布添加事件监听器的代码,并从复选框调度事件吗?

edit:

Here's your bug: In renderer's init(), you need to add an event listener not to the renderer, but to the container which dispatches the event. So make that a

这是您的错误:在渲染器的init()中,您需要将事件侦听器添加到渲染器,而不是添加到调度事件的容器。所以,做一个

container.addEventListener(Container.SELECT_ALL_USERS, selectAllHandler, false, 0, true);

Doing select all in flex is little complex but I will tell you the way we did it and it works great.

在flex中选择all并不复杂,但我会告诉你我们做的方式并且效果很好。

We created a List derived control called "ExList" which has a property "selectAllCB" which we bind it to existing check box which will work for select all logic. Please note, when we set selectAllCB property, we make ExList to listen to checkbox's events.

我们创建了一个名为“ExList”的List派生控件,它有一个属性“selectAllCB”,我们将它绑定到现有的复选框,该复选框适用于select all逻辑。请注意,当我们设置selectAllCB属性时,我们使ExList监听复选框的事件。

When checkbox is checked, we manually set selectedItems array to array of dataProvider and all items are selected.

选中复选框后,我们手动将selectedItems数组设置为dataProvider数组,并选择所有项目。

Playing with itemRenderer doesnt work correctly because when you program your list again and again everytime you have to write so much of code.

使用itemRenderer无法正常工作,因为每当您必须编写大量代码时,一次又一次地对列表进行编程。

I am attaching some sample code here below..

    public class ExList extends List 
    {
        public function ExTileList()
        {
            super();
            this.allowMultipleSelection = true;
        }

        private var _selectAllCB:CheckBox = null;
        [Bindable]
        public function get selectAllCB():CheckBox
        {
            return _selectAllCB;
        }
        public function set selectAllCB(v:CheckBox):void
        {
            if(v==null)
                return;
            _selectAllCB = v;
            v.addEventListener(ListEvent.ITEM_CLICK, handleAllChange,false, 0 , true);
            v.addEventListener("change", handleAllChange,false, 0 , true);
        }

        private function handleAllChange(e:Event):void
        {
            if(_selectAllCB.selected)
            {
                this.selectedItems = this.dataProvider.toArray();
            }
            else
            {
                this.selectedItems = new Array();
            }
        }
}

And you can use it as...

你可以用它......

// Please note its in curly braces

This is how I achieved the solution:

这就是我实现解决方案的方式:

The simple solution is to use typed objects in the list of data you are presenting and then take advantage of databinding and the binding utils to capture changes to the underlying data property on the item renderer. Override the 'set data' function in the item renderer to do whatever you need when some property in the object gets changed to reflect the 'select all/de select all' state.

简单的解决方案是在您呈现的数据列表中使用类型化对象,然后利用数据绑定和绑定工具来捕获对项呈示器的基础数据属性的更改。覆盖项呈示器中的“设置数据”功能,以便在对象中的某些属性发生更改以反映“全选/全选”状态时执行所需操作。