jQueryUI Autocomplete Extended

SearchUri This option define where the autocomplete should point to, when remoting getting the items. If it's relative, it points to the root path, but it can also be absolute.

Type:String
Default:'' (Empty String)
Example:$('input').autocompleteextended({SearchUri:'search.php'});

minLength This option define how many characters must be in the input before the search in the remote source begins.

Type:Integer
Default:2
Example:$('input').autocompleteextended({minLength:4});

useRegEx This option define if you want to use regex patterns on the text you insert (only on the input, NOT on the new windows and NOT on the list window), for example if you want only to have numbers.

Type:Boolean
Default:false
Example:$('input').autocompleteextended({useRegEx:true});

RegExPattern This option define the pattern to use with the regex. IT MUST BE USED IN CONJUCTION WITH useRegEx TO MAKE IT WORK.

Type:RegExp Object
Default:null
Example:$('input').autocompleteextended({RegExPattern:/^([0-9]+)$/});

multiple This option define if the input must act as a multiple one. See the examples to make it more clear.

Type:Boolean
Default:false
Example:$('input').autocompleteextended({multiple:true});

defaultvalue This option define the default value(s) for the input at the initialization time. If you're using it in conjuction with the multiple option, you must pass it as an Array.

Type:String or Array
Default:null
Example:$('input').autocompleteextended({multiple:false,defaultvalue:'Default value'}); or $('input').autocompleteextended({multiple:true,defaultvalue:['Default','value']});

withList This option define if you want the List button next your input (this allows to scroll inside ALL the elements that you're filtering into).

Type:Boolean
Default:true
Example:$('input').autocompleteextended({withList:false});

withNew This option define if you want the New button next to your input (this allows to insert values that are NOT into the remote list).

Type:Boolean
Default:true
Example:$('input').autocompleteextended({withNew:false});

callback This option define a function callback that will be executed when ANY window will be closed.

Type:function
Default:null
Example:$('input').autocompleteextended({callback:function(){alert('Callback!')});

buttons This group define the options regarding the buttons next to the input (like the New, List or Delete button.

useIcons This option define if you want to have icons on the buttons or if you want text (not both of them).
- Type:Boolean
- Default:true
- Example:$('input').autocompleteextended({buttons:{useIcons:false}});
textNew THis option define the text of the New button.
- Type:String
- Default:'New'
- Example:$('input').autocompleteextended({buttons:{textNew:'New item'}});
textList This option define the text of the List button.
- Type:String
- Default:'List'
- Example:$('input').autocompleteextended({buttons:{textList:'List of items'}});
textDelete This option define the text of the Delete button.
- Type:String
- Default:'Delete'
- Example:$('input').autocompleteextended({buttons:{textDelete:'Delete item'}});

windows This group define the options regarding certains actions on the relative windows.

add This group define the callback options for the add window.
- onOK This option define the callback when OK is pressed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{add:{onOK:function(){alert('OK Callback!')}}}});
- onCancel This option define the callback when Cancel is pressed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{add:{onCancel:function(){alert('Cancel Callback!')}}}});
- onClose This option define the callback when the window is closed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{add:{onClose:function(){alert('Cancel Callback!')}}}});
list This group define the callback options for the list window.
- onOK This option define the callback when OK is pressed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{list:{onOK:function(){alert('OK Callback!')}}}});
- onCancel This option define the callback when Cancel is pressed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{list:{onCancel:function(){alert('Cancel Callback!')}}}});
- onClose This option define the callback when the window is closed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{list:{onClose:function(){alert('Cancel Callback!')}}}});
remove This group define the callback options for the remove window.
- onOK This option define the callback when OK is pressed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{remove:{onOK:function(){alert('OK Callback!')}}}});
- onCancel This option define the callback when Cancel is pressed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{remove:{onCancel:function(){alert('Cancel Callback!')}}}});
- onClose This option define the callback when the window is closed.
  - Type:function
  - Default:null
  - Example:$('input').autocompleteextended({windows:{remove:{onClose:function(){alert('Cancel Callback!')}}}});

AutoComplete Extended

A simple plugin for having multiple autocomplete inputs and more

Credits

Features

Changelog

Download

Installation

Examples

Documentation