Dojo Combo Box

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

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: