Search jQuery

jQuery Forum

Adding an autofill option and anchored filters to the autocomplete plugin

in Developing jQuery UI • 2 years ago

I propose a couple of new features for the autocomplete plugin.

First, add the option to do the text filtering based on the first characters in the source instead of the character string contained in the source.

Secondly, add an autoFill option so that the first selection will auto-populate into the input box, with the portion of that option not already typed created as a selection. When the user types in the next character, the selected portion will immediately disappear as part of the keyDown event.

These two options increase my productivity when assigning image names from a pre-populated list of stock image names and allows me to select the first item by clicking Tab without having to arrow down.

I have implemented these two changes into my local copy of the jQuery UI autocomplete plugin. I will include the source file that I altered with this post. All code added or altered has a comment after it starting with "// CHRIS TILLMAN - " to indicate it is my code.

Attachments

jquery.ui.autocomplete.zip
Size : 4.51 KB Download : 1083

Replies(3)

miles_d

autoFill option with the autocomplete plugin

2 years ago

Does anyone know why the jQuery UI version of Autocomplete does not contain the autoFill option.

autoFill clearly seems to be a part of the original plugin as seen here

I need this feature, thoughts on whether I should remove the Autocomplete from my version of jQuery UI and use the previous plugin which supports autoFill or do as Chris has done and extend the UI version?

Thanks,
Miles

spekary

Re: Adding an autofill option and anchored filters to the autocomplete plugin

11 months ago

I have been messing around with autocomplete, and here is my take:

The current autocomplete lets you do some things autofill will not do:

Search for items that do not necessarily start with the typed text
Display a list of items that are related to the autofill, including images and extra description. See some of the examples.

You can get close to autofill capabilities by using autoFocus. With that flag on, when you press a tab, the top item will automatically populate the field, which is the same thing that would happen in an autofill, but with the added benefit of being able to search in custom ways.

That said, usability is not quite the same as autofill, and you have to press tab twice to get out of a field. Once to select the top item, and then again to change focus, which is annoying. But, autofill is such a subset of the capabilities of autocomplete, then its probably best to use Chris's code, or code like it, as a recipe to make autocomplete do what you want to do.

dougscoff..

Re: Adding an autofill option and anchored filters to the autocomplete plugin

1 month ago

I wish there was a version of JQuery autocomplete that replicated the Google Query textbox. I like how the drop list tracks along with your typing (even with long textboxes, the drop down is below where you are typing) and I really like the autoFill that is a faded grey font.

They have a really great autoFill.

That said, I do appreciate JQuery. The autofill is really good for most things.

Thanks to all contributors!

Top Reply

Response title

Attachments

jQuery Forum

Adding an autofill option and anchored filters to the autocomplete plugin

Attachments

Replies(3)

autoFill option with the autocomplete plugin

Re: Adding an autofill option and anchored filters to the autocomplete plugin

Re: Adding an autofill option and anchored filters to the autocomplete plugin

Statistics

Tags

Actions

Related Posts