[an error occurred while processing this directive]

Dojo Filtering Select

                         

In this section, you will learn about the dojo filtering select. 

FilteringSelect: The FilteringSelect is same as html select tag, but it populated dynamically. It works to user friendly with large data set. It loads the data on the page which have to be needed. It looks as a combo box but the combo box  do not allow to user to enter the outside of data in the combo box. It allows only the selection facility. But filteringselect allows to user to enter your text in the  filteringselect.

Try Online: Filtering Select

 

 

 

Here is the code of Program:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Simple FilterSelect Example</title>
    <style type="text/css">
        @import "../dijit/themes/soria/soria.css";
    @import "/resources/dojo.css";
    </style>
    <script type="text/javascript" src="dojo.xd.js" djConfig="parseOnLoad: true"></script>
    <script type="text/javascript">
       dojo.require("dojo.parser");
       dojo.require("dijit.form.FilteringSelect");
     </script>
</head>
<body class="soria">
        <select dojoType="dijit.form.FilteringSelect" name="countryName" autocomplete="true"
        value="sel">
                <option value="sel" selected="selected">Austria</option>
                <option value="1" >Australia</option>
                <option value="2" >Canada</option>
                <option value="3" >Germany</option>
        <option value="4" >Japan</option>
                <option value="5" >United Kingdom</option>
                <option value="6" >United States of America</option>
        <option value="7" >Afghanistan</option>
                <option value="8" >Albania</option>
                <option value="9" >Algeria</option>
        <option value="10" >American Samoa</option>
                <option value="11" >Andorra</option>
                <option value="12" >Angola</option>
        </select>
</body>
</html>

OutPut:

When you run the following example, you get:

If you click on the combo box, you get the following:

If you enter only the "A" then you get all the list which is related to "A"

 

Try Online:

                         

Ask programming questions?

 

 

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

Current Comments

1 comments so far (post your own) View All Comments Latest 10 Comments:

thanks man it works. do you have demo for text editor with hidden field? because dojo text editor needs to collaborate with the hidden field to get the data at the text editor canvas.

good bless

Posted by armin on Friday, 12.12.08 @ 22:26pm | #82698

      View This Comment Separately
  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]