Home | JSP | EJB | JDBC | Java Servlets | WAP  | Free JSP Hosting  | Spring Framework | Web Services | BioInformatics | Java Server Faces | Jboss 3.0 tutorial | Hibernate 3.0 | XML

Tutorial Categories: Ajax | Articles | JSP | Bioinformatics | Database | Free Books | Hibernate | J2EE | J2ME | Java | JavaScript | JDBC | JMS | Linux | MS Technology | PHP | RMI | Web-Services | Servlets | Struts | UML


 

Java Tutorials


 

 

Struts Tutorials

Struts Resources

Visit Forum! Post Questions!
Jobs At RoseIndia.net!

Dojo Auto completer

                           

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

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:

 

                          

Ask programming questions?

 

 

Add This Tutorial To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 

Current Comments

0 comments so far (post your own) View All Comments Latest 10 Comments:
  JDO Tutorials
  EAI Articles
  Struts Tutorials
  Java Tutorials
  Java Certification

Tell A Friend
Your Friend Name

 

 
Browse all Java Tutorials
Java JSP Struts Servlets Hibernate XML
Ajax JDBC EJB MySQL JavaScript JSF
Maven2 Tutorial JEE5 Tutorial Java Threading Tutorial Photoshop Tutorials Linux Technology
Technology Revolutions Eclipse Spring Tutorial Bioinformatics Tutorials Tools SQL
 

Home | JSP | EJB | JDBC | Java Servlets | WAP  | Free JSP Hosting  | Search Engine | News Archive | Jboss 3.0 tutorial | Free Linux CD's | Forum | Blogs

About Us | Advertising On RoseIndia.net  | Site Map

India News

Send your comments, Suggestions or Queries regarding this site at roseindia_net@yahoo.com.

Copyright 2007. All rights reserved.

[an error occurred while processing this directive]