flex-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Kiran Kumar Potnuru (JIRA)" <j...@apache.org>
Subject [jira] [Commented] (FLEX-33796) combobox filters dataprovider on user input
Date Mon, 07 Oct 2013 04:51:41 GMT

    [ https://issues.apache.org/jira/browse/FLEX-33796?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13787902#comment-13787902
] 

Kiran Kumar Potnuru commented on FLEX-33796:
--------------------------------------------

Removing text input change handler and filtering,it is working properly.But I  need to filter
 the dataprovider according to user types.
The problem I observered that filtering function create some issue,

> combobox filters dataprovider on user input
> -------------------------------------------
>
>                 Key: FLEX-33796
>                 URL: https://issues.apache.org/jira/browse/FLEX-33796
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: Spark: ComboBox
>            Reporter: Kiran Kumar Potnuru
>            Priority: Critical
>
> I have a ComboBox and the data provider is an Array Collection of 3 values: CA - California,
NY - New York, TX - Texas. With the default behavior when I start typing in the ComboBox it
will try to match the value from the beginning of the string, so if I start Typing TX it will
bring up TX - Texas.
> I want to be able to search at any part of the string and not just from the beginning,
so if I type "xas" it will filter out the selection and only show TX - Texas. There is a very
helpful post in the Adobe forums here on how to do this by changing the filter function on
the Array Collection which provides data for the ComboBox and I have adapted it but I am having
a slight issue with it.
> If a user selects a value and then tries to enter in new text the first letter typed
in the ComboBox does not show up.
> 1) Select the value CA - California in the ComboBox 2) Highlight the text and hit "n"
on your keyboard 3) You would expect to see the text box populated with "n" but the text box
remains empty
> What could be causing this issue? It only happens if you already have a value selected.
If you start with a blank ComboBox it works as expected.
> <?xml version="1.0" encoding="utf-8"?>
> <s:ComboBox 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.ArrayCollection;
>         import mx.collections.IList;
>         import spark.events.TextOperationEvent;
>         private var unfilteredDataProvider : IList;
>         
> 		override public function set dataProvider(value:IList):void 
> 		{
>             super.dataProvider = value;
>             unfilteredDataProvider = value;
>         }
>         override protected function textInput_changeHandler(event:TextOperationEvent):void

> 		{
>             super.textInput_changeHandler(event);
>             if (unfilteredDataProvider is ArrayCollection) 
> 			{
>                 ArrayCollection(unfilteredDataProvider).filterFunction = filterMatches;
>                 ArrayCollection(unfilteredDataProvider).refresh();
>                 super.dataProvider = new ArrayCollection(unfilteredDataProvider.toArray());

>             }
>         }
>         protected function filterMatches(item:Object):Boolean 
> 		{
>             if (item is String) 
> 			{
>                 if(String(item).toLowerCase().indexOf(
>                     textInput.text.slice(0,
>                         textInput.selectionAnchorPosition).toLowerCase())>-1)
>                     return true;
>             }
>             else if (labelField && labelField != "") 
> 			{
>                 if(item.hasOwnProperty(labelField) && 
>                         String(item[labelField]).toLowerCase().indexOf(
>                         textInput.text.slice(0,
>                         textInput.selectionAnchorPosition).toLowerCase())>-1)
>                     return true;
>             }
>             return false;
>         }
>     ]]>
> </fx:Script>
> </s:ComboBox>



--
This message was sent by Atlassian JIRA
(v6.1#6144)

Mime
View raw message