{"id":497,"date":"2011-09-14T10:07:03","date_gmt":"2011-09-14T08:07:03","guid":{"rendered":"http:\/\/www.capri-soft.de\/blog\/?p=497"},"modified":"2011-09-14T10:08:25","modified_gmt":"2011-09-14T08:08:25","slug":"adobe-flex-3-multi-filterfunction-auf-mxarraycollection","status":"publish","type":"post","link":"https:\/\/www.capri-soft.de\/blog\/?p=497","title":{"rendered":"Adobe Flex 3: Multi-FilterFunction auf mx:ArrayCollection"},"content":{"rendered":"

Aufgabenstellung<\/h1>\n

Es wird eine Datenstruktur ben\u00f6tigt, die mehrere FilterFunctions unterst\u00fctzt und mit der mx:ArrayCollection kompatibel ist.<\/p>\n

Problem<\/h1>\n

mx:ArrayCollection besitzt nur die Eigenschaft f\u00fcr eine einzige Filter-Funktion. M\u00f6chte man mehrere Filter setzen, muss man komplexe Funktionen mit Filter-Logik implementieren. <\/p>\n

Ansatz<\/h1>\n

Durch die Erweiterung der mx:ArrayCollection wird eine Methode filterFunctions implementiert, welche mehrere Filter entgegennehmen kann. Die erweiterte BjoernsArrayCollection kann in ArrayCollection gecastet oder ggfs. (z.B. durch eine Schleife) bef\u00fcllt werden. <\/p>\n

L\u00f6sung<\/h1>\n

Folgende Klasse erweritert die normale ArrayCollection um mehrere Filter-Funktionen:<\/p>\n

\r\npackage components\r\n{\r\n  import mx.collections.ArrayCollection;\r\n \r\n  public class BjoernsArrayCollection extends ArrayCollection\r\n  {\r\n      private var _filterFunctions:Array;\r\n \r\n      public function BjoernsArrayCollection( source:Array = null )\r\n      {\r\n         super(source);\r\n      }\r\n\t\r\n       public function set filterFunctions( filtersArray:Array ):void\r\n       {\r\n         _filterFunctions = filtersArray;\r\n         this.filterFunction = complexFilter;\r\n        }\r\n\t\t\r\n       public function get filterFunctions():Array\r\n       {\r\n         return _filterFunctions;\r\n       }\r\n \r\n       protected function complexFilter( item:Object ):Boolean\r\n       {\r\n         var filterFlag:Boolean = true;\r\n         var filter:Function;\r\n\r\n         for each(filter in filterFunctions)\r\n         {\r\n            filterFlag = filter( item );\r\n            if( !filterFlag ) break;\r\n         }\r\n         return filterFlag;\r\n      }\r\n    }\r\n}\r\n<\/pre>\n
Der Filterfunktionen werden so deklariert:<\/p>\n
\r\n\/\/ Result-Methode von Service liefert eine mx:ArrayCollection, die \r\n\/\/ anhand mehrerer Kriterien gefiltert wird.\r\npublic function getResetableOrganizationsHandler(event:ResultEvent):void\r\n{\r\n   \/\/ Instanzieren des neuen Objektes\r\n   resetableorgas = new BjoernsArrayCollection();\r\n\r\n   \/\/ Deklaration der Filter \r\n   resetableorgas.filterFunctions = \r\n   [\r\n       filterByProductGroup,\r\n       filterByCompcode,\r\n       filterBySalesdiv,\r\n       filterByMarket\r\n   ];\t\r\n\t\t\r\n    \/\/ Umsortierung in BjoernsArrayCollection\r\n    resetableorgas.removeAll();\r\n\t\t\t\r\n    for each(var item:ResetableOrganizationsVO in event.result)\r\n    {\r\n       resetableorgas.addItem(item);\t\t\t\t\r\n    }\r\n    \r\n     resetableorgas.refresh();\t\r\n}\r\n<\/pre>\n
Der Aufbau der Filter-Funktion:<\/p>\n
\r\n...\r\n\/\/ R\u00fcckgabe ist true wenn der Vergleich des Eingegebenen (txtCompcode.text) \r\n\/\/ mit einem Element der ArrayCollection (item.compcode) passt\r\nprivate function filterByCompcode( item:Object ):Boolean\r\n{\r\n   if( String(item.compcode).indexOf(txtCompcode.text)>-1 )return true;\r\n   return false;\r\n}\r\n...\r\n<\/pre>\n
Ggfs. (z.B. in einem mx:TextInput) die Refresh-Methode aufrufen:<\/p>\n
\r\n     <mx:TextInput change="{resetableorgas.refresh()}" id="txtCompcode" width="100%"\/>\r\n<\/pre>\n