Flex-ArrayCollection-添加和删除filterFunction

如何解决Flex-ArrayCollection-添加和删除filterFunction

| 我正在使用Adobe Flash Builder 4 Premium。我有一个

mx:DataGrid

和一个

s:TextInput

，并且我试图设置一个搜索框来在每次按键时过滤DataGrid。 该页面显示了我正在尝试执行的操作的几乎完美的示例，除了我将其设置为

s:TitleWindow

，然后使用PopUpManager将其作为弹出窗口显示出来。我要过滤的列表可能很大。它是用户名列表，通过PHP从MysqL数据库中获取。由于它可能太大，因此我希望在主应用程序中填充一次列表，然后在弹出窗口中对其进行引用，这样就不必每次用户打开弹出窗口时都提取所有用户名。 我第一次打开弹出窗口时，所有这些工作都很好，但是如果将其关闭并再次打开，则会出现此运行时错误： 如果在关闭弹出窗口之前尝试将

filterFunction

设置回null，也会收到此错误。 请参见下面的示例代码： 主要应用：

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<s:Application xmlns:fx=\"http://ns.adobe.com/mxml/2009\" 
               xmlns:s=\"library://ns.adobe.com/flex/spark\" 
               xmlns:mx=\"library://ns.adobe.com/flex/mx\">
    <fx:Script>
        <![CDATA[
            import mx.collections.*;
            import mx.managers.PopUpManager;

            [Bindable] public var allMembersList:ArrayCollection;

            private function openPopup():void
            {
                var popupInstance:popup = PopUpManager.createPopUp(this as displayObject,popup,true) as popup;
                PopUpManager.centerPopUp(popupInstance);
            }
        ]]>
    </fx:Script>
    <s:Button label=\"Open Popup\" click=\"openPopup()\"/>
</s:Application>

弹出：

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<s:TitleWindow xmlns:fx=\"http://ns.adobe.com/mxml/2009\" 
               xmlns:s=\"library://ns.adobe.com/flex/spark\" 
               xmlns:mx=\"library://ns.adobe.com/flex/mx\"
               xmlns:model=\"services.model.*\"
               tabChildren=\"false\"
               close=\"close()\">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.core.FlexGlobals;
            import mx.managers.PopUpManager;

            private function getUsers(startsWith:String = \"\"):void
            {
                if (FlexGlobals.topLevelApplication.allMembersList == null)
                {
                    FlexGlobals.topLevelApplication.allMembersList = new ArrayCollection();
                    getUsersResult.token = PHP.getUsers();
                }

                FlexGlobals.topLevelApplication.allMembersList.filterFunction = function(item:Object):Boolean
                {
                    return item.username.match(new RegExp(\"^\"+ startsWith,\"i\"));
                };
                FlexGlobals.topLevelApplication.allMembersList.refresh();
                GrdMemberList.dataProvider = FlexGlobals.topLevelApplication.allMembersList;
            }

            private function getUsersResultHandler():void
            {
                var users:Object = getUsersResult.lastResult;
                for each (var user:Object in users)
                    FlexGlobals.topLevelApplication.allMembersList.addItem({\"username\":user.username});
            }

            private function close():void
            {
                FlexGlobals.topLevelApplication.allMembersList.filterFunction = null;
                FlexGlobals.topLevelApplication.allMembersList.refresh();
                PopUpManager.removePopUp(this);
            }
        ]]>
    </fx:Script>
    <fx:Declarations>
        <model:MODEL id=\"PHP\" fault=\"{Alert.show(\'There was a PHP error!\\nPlease note the steps taken to produce this error and call support.\\n\\nError Message: \'+ event.fault.faultDetail,\'Error\');}\" showBusyCursor=\"false\"/>
        <s:CallResponder id=\"getUsersResult\" result=\"getUsersResultHandler()\"/>
    </fx:Declarations>

    <mx:DataGrid id=\"GrdMemberList\" creationComplete=\"getUsers()\">
        <mx:columns>
            <mx:DataGridColumn headerText=\"Member List\" datafield=\"username\"/>
        </mx:columns>
    </mx:DataGrid>
    <s:TextInput id=\"txtUsername\" keyUp=\"{ if (event.charCode != 13 && event.charCode != 0) getUsers(txtUsername.text); }\"/>
</s:TitleWindow>

尽管出现错误，该应用程序似乎仍能按预期运行，但是我不喜欢我的应用程序中存在错误，因此我真的很想找出导致此问题的原因。 谢谢！     

解决方法

        原来问题出在

tabChildren

属性。文档说不要在Flex中使用此属性，而应使用

hasFocusableChildren

。不知道为什么这个问题只在我尝试设置ѭ3时才显示出来。 我将setting6设置为false的原因是，它将不会发生默认的TAB键功能（切换焦点），因此我可以自己控制该行为。

hasFocusableChildren

属性不起作用（或至少将其设置为false不会停止TAB键切换焦点），因此我可能需要尝试另一种捕获TAB键事件并将其停止的方法。 编辑： 对于任何有兴趣的人（即使它实际上与原始帖子没有任何关系），解决方案是更改：

<s:TitleWindow xmlns:fx=\"http://ns.adobe.com/mxml/2009\"
               xmlns:s=\"library://ns.adobe.com/flex/spark\"
               xmlns:mx=\"library://ns.adobe.com/flex/mx\"
               xmlns:model=\"services.model.*\"
               width=\"1000\"
               height=\"550\"
               tabChildren=\"false\"
               close=\"close()\">

至：

<s:TitleWindow xmlns:fx=\"http://ns.adobe.com/mxml/2009\"
               xmlns:s=\"library://ns.adobe.com/flex/spark\"
               xmlns:mx=\"library://ns.adobe.com/flex/mx\"
               xmlns:model=\"services.model.*\"
               width=\"1000\"
               height=\"550\"
               keyFocusChange=\"{ event.preventDefault(); }\"
               close=\"close()\">

    ,        我从不尝试测试您的代码（因为它也需要服务器端），但是我认为您不应该将filterFunction设置回null。另外，您可以将其设置为始终返回true的函数。

function defaultFilterFunc( item: Object ): Boolean { return true; }