MagicSuggest

MagicSuggest is an ideal UI widget for creating tag entry fields or just enriching the form filling experience with input suggestions.

The plugin can either limit a user's options when filling in a field, or it can help him select common choices as he types his text.

Support for highlighting entered text is included, helping the user in easily detecting his desired entry.

When items are selected, they automatically get added to the input field and their appearance changes so they look like a "tag", complete with a "close" button for easily removing.

A demo is included with the download package to help developers get started on their own auto-complete components.

What is new in this release:

• Added composer definition.

What is new in version 1.3.1:

• Fixed:
• Enable after disable now works.
• Trigger icon now takes full height.
• Clear now compatible with isSilent.
• groupBy was broken by 1.3.0.

What is new in version 1.3:

• When a value is specified in the DOM original element, it is passed correctly to MS.
• Input space now always uses the remaining space as this leads to less issues.
• Combo has now more logic when used for a single selection combo box.
• Space taken for single selection on a small combo remains on one line.
• Multiple items can now be selected through the Ctrl key.
• Trigger icon now uses pure CSS.
• cfg(data) can now take a function as parameter.
• cfg(data) can take a JSON object whose data items are within the results property.

What is new in version 1.2.8:

• Fixed bug when a value is specified in the DOM original element, it is passed correctly to MS.

What is new in version 1.2.6:

• Suggestions were not appearing when maxSuggestions was set to 10.

What is new in version 1.2.5:

• Added a silent mode to selection changing methods in order to know if it was user-triggered or not.
• Added a setData(object) method to fill the combo after it has been rendered.

What is new in version 1.2.4:

• Fixed:
• Ajax query was sent twice when the user was typing faster than the typeDelay.
• Highlighting the search results was also highlighting html tags when using custom rendering.
• New feature:
• Added cfg(strictSuggest) so that user can choose how the suggestions will be made
• Added cfg(toggleOnClick) so that the user can expand/close the combo by clicking on it.

What is new in version 1.2.3:

• Added cfg(selectionRenderer).

What is new in version 1.2.2:

• Fixed empty text class was not triggered properly.
• Fixed IE8 compatibility.
• MagicSuggest can now be rendered from a select DOM component.

Requirements:

• JavaScript enabled on client side
• jQuery
• Bootstrap