Dojo Auto completer

In this section, you will learn how to create a auto
completer in dojo.
Try Online: Auto
Completer
Auto Completer: The Auto Completer provides the
front-end logic for text-entry suggestion and completion functionality. The
features of the auto completer to control navigation of the suggestions
container via up/down arrow keys and rich event model. Easily to configure its
included parameters and custom formatting of auto completer suggestions, query
delimiters (Multiple selections per input box), configurable query delay,
type-ahead, animation of suggestions container, built-in query caching and much
more.
The Combo Box is a hybrid between the combo box and text
field. It provides a list of acceptable values. This is good for open-ended
multiple choice questions. Rather than having two fields - a combo box and
an Other text box - you can use just one field.
Here is the code of Program:
<html>
<head>
<title>Auto Completer Combo</title>
<style type="text/css">
@import "../resources/dojo.css";
@import "../dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript" src="dojo.xd.js"
djConfig="parseOnLoad: true"></script>
<!-- combo box -->
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.form.FilteringSelect");
</script>
</head>
<body class="tundra">
<h2>Auto Completer Combo box</h2>
<select dojoType="dijit.form.FilteringSelect" name="sname"
autocomplete="false" value="Vinod">
<option value="Vinod">Vinod</option>
<option value="Vikash" >Vikash</option>
<option value="Deepak" >Deepak</option>
<option value="DeepakSir" >Deepak Sir</option>
<option value="Arun" >Arun</option>
<option value="Amar" >Amar</option>
<option value="Aman" >Aman</option>
</select>
</body>
</html>
|
Output of Program:


|
Current Comments
0 comments so far (post your own) View All Comments Latest 10 Comments: