Reloading a second box using dojo frame work

Hi,

Hi,

Now that I am handle the way of use the dojo combobox I moving to the next stage. What I want to do is updating a second combobox automatically when a value is selected in the first combobox. I have a php that can handle the server side. Any suggestion how it can be done with dojo.
I believe the code below can help other to start a dojo combobox.

Please find my dojo code:

Expand|Select|Wrap|Line Numbers

 <head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Simple ComboBox</title>

    <style type="text/css">

        @import "./dijit/themes/tundra/tundra.css";

 //       @import "./dojo/resources/dojo.css"

    </style>

    <script type="text/javascript" src="./dojo/dojo.js"

        djConfig="parseOnLoad: true"></script>

    <script type="text/javascript">

       dojo.require("dojo.parser");

       dojo.require("dijit.form.ComboBox");

       dojo.require("dojo.data.ItemFileReadStore");

       function setCountry(value) {

           console.debug("Selected "+value);

       }

       function setState(value) {

           console.debug("Selected "+value);
 
       }

   </script>

</head>

<body class="tundra">
 
     <div dojoType="dojo.data.ItemFileReadStore" jsId="countryStore"

              url="http://192.168.2.6:8080/src/autocomplete/autocomplete.php?table_name=countries_list &column_name=name&row_id=CountryID&dependency_column=''&dependency_value=''">

              </div>

<br> Country: <br>             

     <input dojoType="dijit.form.ComboBox"

                store="countryStore"

                value=""

                style="width:150px;font-size:12px;" 

                maxListLength="2" 

                searchAttr="name"

                name="state2"

                onChange="setCountry" />
 
<br> State: <br>                             

   <div dojoType="dojo.data.ItemFileReadStore" jsId="stateStore"

              url="http://192.168.2.6:8080/src/autocomplete/autocomplete.php?table_name=usa_states &column_name=state_name&row_id=state_id&dependency_column=''&dependency_value=''">

              </div>
 
     <input dojoType="dijit.form.ComboBox"

                store="stateStore"

                value=""

                searchAttr="name"

                name="state_name"

                onChange="setState" />               

</body>

Thanks
Ronen

Mar 2 '08 #1

Follow Post Reply

6845

acoder

16,027

Expert Mod 8TB

What I want to do is updating a second combobox automatically when a value is selected in the first combobox.

Update with what? A state list? You can use setCountry() for this because it's called onchange.

Mar 2 '08 #2

raknin

Acoder,

Yes,I am aware of it, but my problem is that I don't know how to call the state combobox from the setCountry call back function, i.e reload the state combobox again(Call the server and update the combobox accordingly with the value entered in the country combobox).. This is what I need help about.
The value of the selected value in the country combox is stored in the value attribute pass to the setCountry callback function.

Thanks
Ronen

Mar 2 '08 #3

acoder

16,027

Expert Mod 8TB

but my problem is that I don't know how to call the state combobox from the setCountry call back function, i.e reload the state combobox again(Call the server and update the combobox accordingly with the value entered in the country combobox).. This is what I need help about.

If you want to avoid a page refresh, use Ajax. Pass the value to the server-side script which will return the combo box values according to the value passed. See an example. You could return the whole combo box and set the innerHTML or just return the values which you can use to construct the option tags in the combo box.

Mar 2 '08 #4

raknin

Thanks acoder for the fast reply but for the moment I want to stay inside the dojo framework.

Mar 2 '08 #5

acoder

16,027

Expert Mod 8TB

You can still use the dojo framework. It'll probably have some Ajax methods.

Another alternative is to reload the page and pass the selected value. You can then take that value to populate the state combo box.

Mar 3 '08 #6

Ixhel

Tal vez estás lo que buscas lo puedes hacer con FilteringSelect. Te dejo la liga, seguro que te será muy útil.
http://docs.dojocampus.org/dijit/form/FilteringSelect

Sep 9 '10 #7

Ixhel

En dojo no necesitas () para llamar una función

Sep 9 '10 #8

Reloading a second box using dojo frame work

Post your reply

Similar topics