AutoSuggest Flex

27 Mar
2008
Delicious

The AutoSuggest Component behaves similar to the Firefox Search Component. It takes a dataProvider of type ICollectionView and when the user types it displays the closest match to that. If _usingAutoCompleteSuggest is true then it behaves by completing  the closest matching word sort of like the OpenOffice auto completion for a word. This Component will probably be written sometime again with better code and be more flexible. There are lots of comments in the code and of course view source is enabled.

AutoSuggest

Incoming Search Terms :flex autosuggest , autosuggest flex , flex auto suggest , flex autosuggest component , autosuggest in flex , auto suggest flex , flex autosuggest box , flex text input component auto suggest , flex spark combobox position , flex search suggest

Share this story with a friend !
Join SherifAbdou's Rss Feed Stumble This Article! Add this to your Delicious Bookmarks! Digg this story ! Add this story to Reddit ! Tweet This Brush


5 Responses to AutoSuggest Flex

Avatar

R. GrimesNo Gravatar

April 10th, 2008 at 9:46 am

Thanks for the work you’ve done on this. I’ve taken it and modified it a bit for an application that I have, and it’s working beautifully.

I did want to report one bug I found in using this component. If you do the following…

1. Position your AutoSuggest box so that it expands/opens upward.

2. Enter filtering criteria so that only a couple items are left in the open list

You will see that the dropdown box has a significant gap between it and the text box that you are typing into. In my case, it looks like about a 50px gap.

R. Grimes

Avatar

FlexLive.net » Flex Developer Update - May 23, 2008

May 23rd, 2008 at 8:03 am

[...] has a set of mini tutorials for Flex such as image glow effect, auto suggest, auto save, and input [...]

Avatar

Kalen GibbonsNo Gravatar

April 3rd, 2009 at 12:58 pm

The “view source” link for this is incorrect, probably because the swf is loading into a modal box.

The URL should point to:
http://www.sherifabdou.com/FlexAIRExamples/Auto...

Avatar

MattNo Gravatar

February 26th, 2010 at 12:32 pm

I think this feature is GREAT. one bug i found that i’m having trouble fixing. I have this auto suggest on a popup box which sends the result back to the parentApplication and then close after the go button is clicked. however i notice that if i press the button again to re-open the popup suggest search and begin typing… there are now 2 identical auto suggest windows displaying the arraycollection data. and if i close the window and re-open and start typing… now there are 3. this will happen every time i close the popup and re-open it. moving the pop up window and typing shows the old position of the last suggest box. any way to fix this one?

Avatar

lennazNo Gravatar

April 25th, 2010 at 7:41 am

it seems that converting it to flex 4 (using spark combobox) dosent make it work, it seems combobox for spark is missing
collectionChangeHandler and editable;
otherwise if i still want to use the mx combobox it got errors on various textInput places…

Comment Form