Question

我正在编写一些代码用于级联下拉与dojo ajax第一个下拉是静态的，第二个是从servlet获取数据..我正在使用dijit.form.ComboBox进行下拉列表。 Dojo提供Store属性，用于存储数据，然后将其放入组合框中。在servlet中我通过数组列表到ajax函数..在ajax函数中我用变量中的逗号和strore分隔数组然后存储在dojo的store属性中但是我无法填充整个字符串..它只填充最后一个我正在使用以下代码的字符串的值

    <%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <link rel="stylesheet" href="dojo/dijit/themes/claro/document.css">
        <link rel="stylesheet" href="dojo/dijit/themes/claro/claro.css" />
        <script src='dojo/dojo/dojo.js' data-dojo-config=' parseOnLoad: true'></script>
        <script>



            require(["dojo/parser", "dijit/form/ComboBox","dijit/form/TextBox"]);

      function abc(){    

          var j = document.getElementById('state').value
          dojo.xhrPost({
    // The URL to request
    url: "populate",   //servlet name
    timeout :  3000 ,
    content: {
        username: dojo.byId("state").value

    },

    load: function(result) {    // the value in result is like=[Abas Store, Accounts ]

    require([
    "dojo/ready", "dojo/store/Memory", "dijit/form/ComboBox"
], function(ready, Memory, ComboBox){

     var ss=result.split(",");

     var i;
     for (i=1;i< ss.length ;i++){


    var stateStore = new Memory({

        data: [ {name:ss[i], id: ss[i]}  ]
    });
     }

    ready(function(){
        var comboBox = new ComboBox({
            id: "stateSelect",
           name:"select",
            value: "Select",
            store: stateStore,
            searchAttr: "name"
        }, "stateSelect");
    });
});

      }
});
      }

        </script>
    </head>
    <body class="claro">

     <select data-dojo-type="dijit.form.ComboBox" id="state" name="state"  onchange="abc();">
    <option selected >Andaman Nicobar</option>
    <option>Andhra Pradesh</option>        
 <option>Tripura</option>
 <option>Uttar Pradesh</option>
 <option>Uttaranchal</option>
 <option>West Bengal</option>

</select>
        <input id="stateSelect"  >
                   </select>


    </body>
</html>

请给我解决方案..填充我从数组列表中获取的组合框中的所有值

Answer 1

您正在for循环中构建商店。相反，您应该构建传递给MemoryStore构造函数的数据数组。

require(["dojo/store/Memory", "dijit/form/ComboBox", "dojo/ready"], 
    function(Memory, ComboBox, ready){

        ready(function) {

           dojo.connect(dijit.byId('state'), 'onChange', function() {

               var stateSelect = dijit.byId('stateSelect');
               if (!stateSelect) {
                   stateSelect = new ComboBox({
                     id: "stateSelect",
                     name:  "select",
                     value: "Select...",
                     searchAttr: "name"
                   }, "stateSelect");
               }

               var ss = 'Abas Store, Accounts';
               ss = ss.split(',');

               var data = [];
               dojo.forEach(ss, function(item, idx) {
                   data.push({
                       id: idx,
                       name: item                    
               });
               stateSelect.set('store', new Memory({data: data}));

          }); // dojo.connect
       }); // ready     
}); // require

工作示例位于http://jsfiddle.net/cswing/DLNNc/

用javascript填充组合框

1 个答案: