Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Dojo Dojo Auto completer

Related Tutorials


 
 

Share on Google+Share on Google+

Dojo Auto completer

Advertisement
In this section, you will learn how to create a auto completer in dojo.

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:

 

Try Online:

Advertisement

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: November 1, 2008

Related Tutorials

Discuss: Dojo Auto completer   View All Comments

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:1
Magaroc
June 15, 2012
fNiVIgKBsahf

The relationship beewten man and machine has its own advantages and disadvantages. As these days, there are even news that robots will take over the human teachers! That one has its own benefits and consequences at the same time.
DMCA.com