Home Dojo Dojo-1.0.2 Dojo Combo Box
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

Dojo Combo Box

Advertisement
Complete Java Server Faces (JSF) Tutorial - JSF Tutorials. JSF Tutorials at Rose India covers everything you need to know about JSF, This JSF Tutorial contains readable and interesting content organized in proper and sequential manner. Each concept has been explained by simple examples so that you can understand easily and implement immediately into your java web application. It provides coverage of key JSF concepts such as User Interface(UI) components, Renderers, Backing beans, Validators, Converters, Navigation, Event handling, Expession language, Messages etc...

Dojo Combo Box

         

In this section, you will learn what is combo box and how to create a combo box in dojo. For creating the Combo box  you need "dijit.form.ComboBox".

Combo Box: A combo box is a graphical user interface that controls GUI element. It is a combination of a drop-down list or list box and a single-line textbox, allowing the user either to type a value directly into the control or choose from the list of options.

 

 

Here is the code of Program:

<html>
  <head>
  <title>combobox</title>
  <!-- combo box -->
  <script type="text/javascript">
  dojo.require("dojo.parser");
  dojo.require("dijit.form.ComboBox");
  
  function setVal1(value) {
  console.debug("Selected "+value);
  }
  </script>
  </head>

  <body>
  <h2>Combo box</h2>
  <select name="country" dojoType="dijit.form.ComboBox"
   autocomplete="false" value="country"
 
onChange="setVal1">
  <option>India</option>
  <option>California</option>
  <option >Illinois</option>
  <option >New York</option>
  <option >Texas</option>
  </select>
  </body>
</html> 

Output of Program:

 

Advertisement

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: April 18, 2011

Ask Questions?    Discuss: Dojo Combo Box  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com