Comments on: Using a CheckBox to filter items in a DataGrid in Flex http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 14:19:03 +0000 hourly 1 By: Christian Mellor http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-7251 Christian Mellor Sat, 13 Mar 2010 18:13:07 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-7251 I was wondering if anybody had any tutorials on filtering a dataGrid using a combobox? I was wondering if anybody had any tutorials on filtering a dataGrid using a combobox?

]]> By: Flexicious http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-6529 Flexicious Sat, 05 Dec 2009 22:45:45 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-6529 If you need a custom component that does all of the nitty gritty of datagrid filter, pager, footer, and sort, please look at http://www.flexicious.com or http://www.flexdatagrid.com... If you need a custom component that does all of the nitty gritty of datagrid filter, pager, footer, and sort, please look at http://www.flexicious.com or http://www.flexdatagrid.com...

]]> By: Flex Blog http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-6381 Flex Blog Tue, 17 Nov 2009 18:32:47 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-6381 This is a great example. If you are looking for a way <a href="http://www.flex-blog.com/arraycollection-filter-example/" rel="nofollow">filter an ArrayCollection using an TextInput</a> please visit my weblog. This is a great example. If you are looking for a way filter an ArrayCollection using an TextInput please visit my weblog.

]]> By: Peter deHaan http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-5540 Peter deHaan Wed, 02 Sep 2009 15:15:32 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-5540 @Javier Gomez, Try something like this: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" color="#000000" fontWeight="bold" width="100%" height="100%" alpha="1.0" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]" initialize="proyects.send();"> <mx:Script> <![CDATA[ import mx.controls.Alert; private function toggleCategory(type:String):void { xmlListColl.refresh(); } private function xmlListColl_filterFunc(item:Object):Boolean { if ((item.@type == "restaurant") && restaurantCh.selected) { return true; } if ((item.@type == "bar") && barCh.selected) { return true; } if ((item.@type == "disco") && discoCh.selected) { return true; } return false; } ]]> </mx:Script> <mx:XMLListCollection id="xmlListColl" source="{proyects.lastResult.marker}" filterFunction="xmlListColl_filterFunc" /> <mx:HTTPService id="proyects" url="markersall.xml" resultFormat="e4x" /> <mx:Panel width="220" height="136" layout="absolute" title="Tipo de proyectos" cornerRadius="10" right="10" top="40" borderColor="#FF7225" backgroundColor="#FFC34E" alpha="1.0" borderAlpha="100"> <mx:CheckBox id="restaurantCh" x="10" y="10" label="Proyectos en venta" fillAlphas="[1.0, 1.0, 1.0, 1.0]" fillColors="[#F27CE6, #FF00FF, #FF00FF, #FF00FF]" selected="true" change="toggleCategory('restaurant');" borderColor="#000000"/> <mx:CheckBox id="barCh" x="10" y="36" label="Proyectos en desarrollo" fillAlphas="[1.0, 1.0, 1.0, 1.0]" fillColors="[#A6ACFF, #A6ACFF]" selected="true" change="toggleCategory('bar');" borderColor="#000000"/> <mx:CheckBox id="discoCh" x="10" y="62" label="Proyectos terminados" fillAlphas="[1.0, 1.0, 1.0, 1.0]" fillColors="[#927474, #927474, #927474, #927474]" selected="true" change="toggleCategory('disco');" borderColor="#000000"/> </mx:Panel> <mx:Panel width="220" layout="absolute" title="Proyectos" cornerRadius="10" right="10" borderColor="#FF7225" bottom="20" top="185" borderAlpha="100"> <mx:List x="-0.05" y="0.1" dataProvider="{xmlListColl}" enabled="true" labelField="@name" width="199.6" height="100%" backgroundColor="#FFC34E" borderThickness="0" themeColor="#CACACA" id="proyectlist" /> </mx:Panel> </mx:Application> </pre> Peter @Javier Gomez,

Try something like this:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" color="#000000"
                fontWeight="bold" width="100%" height="100%" alpha="1.0" backgroundGradientAlphas="[1.0, 1.0]"
                backgroundGradientColors="[#FFFFFF, #FFFFFF]"
                initialize="proyects.send();">
 
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
 
            private function toggleCategory(type:String):void {
                xmlListColl.refresh();
            }
 
            private function xmlListColl_filterFunc(item:Object):Boolean {
                if ((item.@type == "restaurant") && restaurantCh.selected) {
                    return true;
                }
                if ((item.@type == "bar") && barCh.selected) {
                    return true;
                }
                if ((item.@type == "disco") && discoCh.selected) {
                    return true;
                }
                return false;
            }
        ]]>
    </mx:Script>
 
    <mx:XMLListCollection id="xmlListColl" source="{proyects.lastResult.marker}" filterFunction="xmlListColl_filterFunc" />
 
    <mx:HTTPService id="proyects" url="markersall.xml" resultFormat="e4x" />
 
    <mx:Panel width="220" height="136" layout="absolute" title="Tipo de proyectos" cornerRadius="10" right="10" top="40" borderColor="#FF7225" backgroundColor="#FFC34E" alpha="1.0" borderAlpha="100">
        <mx:CheckBox id="restaurantCh" x="10" y="10" label="Proyectos en venta" fillAlphas="[1.0, 1.0, 1.0, 1.0]" fillColors="[#F27CE6, #FF00FF, #FF00FF, #FF00FF]"
                     selected="true" change="toggleCategory('restaurant');" borderColor="#000000"/>
        <mx:CheckBox id="barCh" x="10" y="36" label="Proyectos en desarrollo" fillAlphas="[1.0, 1.0, 1.0, 1.0]" fillColors="[#A6ACFF, #A6ACFF]"
                     selected="true" change="toggleCategory('bar');" borderColor="#000000"/>
        <mx:CheckBox id="discoCh" x="10" y="62" label="Proyectos terminados" fillAlphas="[1.0, 1.0, 1.0, 1.0]" fillColors="[#927474, #927474, #927474, #927474]"
                     selected="true" change="toggleCategory('disco');" borderColor="#000000"/>
    </mx:Panel>
    <mx:Panel width="220" layout="absolute" title="Proyectos" cornerRadius="10" right="10" borderColor="#FF7225" bottom="20" top="185" borderAlpha="100">
        <mx:List x="-0.05" y="0.1" dataProvider="{xmlListColl}" enabled="true" labelField="@name" width="199.6" height="100%" backgroundColor="#FFC34E" borderThickness="0" themeColor="#CACACA" id="proyectlist" />
    </mx:Panel>
 
</mx:Application>

Peter

]]> By: Javier Gomez http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-5538 Javier Gomez Wed, 02 Sep 2009 11:52:19 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-5538 Hello please someone help me with this code. http://promotora.idataweb.com/google/final/index2.html I need to filter the List with the checkboxes. Thanks. Hello please someone help me with this code.

http://promotora.idataweb.com/google/final/index2.html

I need to filter the List with the checkboxes.

Thanks.

]]> By: Iwo Banas http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-4327 Iwo Banas Wed, 01 Jul 2009 13:43:07 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-4327 Hi, I am working on open source, reusable extension of Flex 3 DataGrid to enable client-side filtering and searching. My solution includes filters using multiple CheckBoxes, TextInput, Slider and more… You can find it at http://www.iwobanas.com/2009/06/datagrid-with-client-side-filtering-and-searching/ I am looking forward any comments and suggestions from you! Cheers, Iwo Banaś Hi,

I am working on open source, reusable extension of Flex 3 DataGrid to enable client-side filtering and searching. My solution includes filters using multiple CheckBoxes, TextInput, Slider and more…
You can find it at
http://www.iwobanas.com/2009/06/datagrid-with-client-side-filtering-and-searching/

I am looking forward any comments and suggestions from you!

Cheers,
Iwo Banaś

]]> By: Javier http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-2867 Javier Fri, 08 May 2009 03:07:56 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-2867 Stefan Bistram and site admin: Great examples, i needed something to search a data grid, but filtering the ArrayCollection resulted in a much more elegant solution. Thanks Stefan Bistram and site admin:

Great examples, i needed something to search a data grid, but filtering the ArrayCollection resulted in a much more elegant solution.

Thanks

]]> By: Michael http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-2870 Michael Sun, 12 Apr 2009 16:32:39 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-2870 Good example. I'm using a XMLListCollection and have filtering working. However I want to add the same type of label you have for the panel status: {arrColl.length}/{arrColl.source.length}. My XMLListCollection is called tixXML and I can get the displayed size (tixXML.length) however how do I get the length of the unfiltered tixXML? After I filter the results tixXML.length changes to the number of displayed results however I also want the length of the unfiltered results? Do I need to set a var to the original amount or is there a property I can access? Thanks in advance. Good example. I’m using a XMLListCollection and have filtering working. However I want to add the same type of label you have for the panel status: {arrColl.length}/{arrColl.source.length}. My XMLListCollection is called tixXML and I can get the displayed size (tixXML.length) however how do I get the length of the unfiltered tixXML? After I filter the results tixXML.length changes to the number of displayed results however I also want the length of the unfiltered results? Do I need to set a var to the original amount or is there a property I can access?

Thanks in advance.

]]> By: Kurt http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-2864 Kurt Tue, 07 Apr 2009 21:17:27 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-2864 what about using a combo box to filter? I tried to set one up, but it only repeats the first item that I want filtered it doesn't check the rest of the XML file. what about using a combo box to filter? I tried to set one up, but it only repeats the first item that I want filtered it doesn’t check the rest of the XML file.

]]> By: FlexGuy http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/comment-page-1/#comment-2869 FlexGuy Mon, 02 Mar 2009 18:23:59 +0000 http://blog.flexexamples.com/2008/03/12/using-a-combobox-to-filter-items-in-a-datagrid-in-flex/#comment-2869 I've been using many of your articles to aid in my flex development. Cudos to you for your posts. Keep them coming! I’ve been using many of your articles to aid in my flex development. Cudos to you for your posts. Keep them coming!

]]>