JavaScript autocomplete

50 %
50 %
Information about JavaScript autocomplete
Technology
api

Published on February 16, 2014

Author: ShieldUI

Source: slideshare.net

Description

The ShieldUI AutoComplete control allows flexible text autocomplete features with intuitive api and fast rendering.

JavaScript Autocomplete Widget by ShieldUI

AutoComplete

Main Description The ShieldUI AutoComplete control allows flexible text autocomplete features with intuitive api and fast rendering. Whether you want to implement stand-alone textautocomplete functionality, or want to relate the selection to another control in a more advanced scenario, the ShieldUI AutoComplete control can handle it easily.

Setting Up In order to render the AutoComplete JavaScript widget on a webpage, you need to: 1. Include references to all required scripts. Make sure you include the CSS file for your preferred theme. 2. Add an input element for which to initialize the autocomplete functionality. 3. Initialize the widget.

Sample Setup • • • • • • • • • • • • • • • • • • • • • • • • • • • • <!DOCTYPE html> <html> <head> <title>Shield AutoComplete</title> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="css/shieldui-all.min.css" /> <link rel="stylesheet" type="text/css" href="css/light/all.min.css" /> <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="js/shieldui-all.min.js" type="text/javascript"></script> </head> <body> <input type="text" id="fruit" /> <script type="text/javascript"> $(function () { $("#fruit").shieldAutoComplete({ dataSource: { data: ["Apple", "Banana", "Blueberry", "Lemon", "Strawberry"] } }); }); </script> </body> </html>

Resources Documentation: https://www.shieldui.com/documentation/auto complete/javascript/getting-started Examples: https://demos.shieldui.com/web/autocomplete /basic-usage

Add a comment

Related presentations

Related pages

Autocomplete | jQuery UI

The Autocomplete widgets provides suggestions while you type into the field. ... The datasource is a simple JavaScript array, ...
Read more

HTML input autocomplete Attribute - W3Schools Online Web ...

Definition and Usage. The autocomplete attribute specifies whether or not an input field should have autocomplete enabled. Autocomplete allows the browser ...
Read more

Javascript Examples // Autocomplete and autosuggest demos

Review of Javascript libraries and source code snippets for organizing autocomplete and autosuggest feature for your comboboxes. You can make Google ...
Read more

Ajax-Driven JavaScript ComboBox with Autocomplete ...

Easy configurable JavaScript combo box with the ability to add Ajax autocomplete on a text field.
Read more

typeahead.js

a fast and fully-featured autocomplete library. typeahead.js. a flexible JavaScript library that provides a strong foundation for building robust typeaheads.
Read more

autocomplete.js

AutoCompleteJS is a JavaScript widget that helps ... script>