Question

我正在使用dojo，并希望从dataStore填充dijit.form.select小部件（这可行）。每当我在select-widget中进行选择时，应该读取我的dataStore中的其他字段，然后显示在页面上的textBoxes中。

不幸的是我不知道如何从我的数据存储中读取其他字段。这是我的代码：

如果你一直向下滚动，重要的事情就会发生。

这是javascript对象，然后将其读入dataStore：

  var jsonData = {"identifier":"name",
                  "label": "subject_main",
                  "items": [
    {"name":"departure",   "subject_main":"123",  "subject_1":"sub1", "subject_2":"sub2"},
    {"name":"direct",       "subject_main":"456",  "subject_1":"sub1", "subject_2":"sub2"},
    {"name":"Messaging",           "subject_main":"789",  "subject_1":"sub1", "subject_2":"sub2"},
    {"name":"exchange",      "subject_main":"1011", "subject_1":"sub1", "subject_2":"sub2"},
    {"name":"Zilo",                "subject_main":"1213", "subject_1":"sub1", "subject_2":"sub2"},
    {"name":"Stub_implementation",            "subject_main":"1415", "subject_1":"sub1", "subject_2":"sub2"},
    {"name":"Standard_implementation",  "subject_main":"1617", "subject_1":"sub1", "subject_2":"sub2"}
                        ]};
  </script>

我选择的时候 “name”：“Messaging”，“subject_main”：“789”，“subject_1”：“sub1”，“subject_2”：“sub2”

消息应该显示在我的dijit中。

编辑：Lucian帮了我很多忙！这是我对这个问题的最终解决方案：

<title>Hello Dijit!</title>
<!-- load Dojo -->
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/claro/claro.css">
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js"

data-dojo-config =“isDebug：true，async：true，parseOnLoad：真“＆gt;

Beladeauftrag Adresse

导航＆GT;

<label for="load">Laden am</label><br>
<input type="text" value=""
data-dojo-type="dijit/form/TextBox"
data-dojo-props="trim:true, propercase:true" id="load" /><br>

<label for="from">von</label><br>
<input type="text" value=""
data-dojo-type="dijit/form/TextBox"
data-dojo-props="trim:true, propercase:true" id="from" /><br>

<label for="till">bis</label><br>
<input type="text" value=""
data-dojo-type="dijit/form/TextBox"
data-dojo-props="trim:true, propercase:true" id="till" /><br> 
  <script>
    // load requirements for declarative widgets in page content
require(["dijit/form/Button", "dojo/parser", "dijit/form/TextBox", "dojo/domReady!", "dojo/data/ItemFileReadStore"]);   </script>
 <br>   <br>
 <h2>WF auswählen</h2>   <div id="stateSelect"></div>
   <script> 

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



            ready(function(){

                              var jsonData = {"identifier":"name",
              "label": "subject_main",
              "items": [
{"name":"Auftrag 1",   "subject_main":"123",  "subject_1":"sub1", "subject_2":"sub2"},    {"name":"Auftrag 2",   "subject_main":"456",

“subject_1”：“sub1”，“subject_2”：“sub2”} ]};

        var store1 = new dojo.data.ItemFileReadStore({ data: jsonData });

              // code useless - nut dijit.form.select fanishes without it (??)

                // create Select widget, populating its options from the store
                var select = new Select({
                    name: "WorflowSelect",
                    store: store1,
                    style: "width: 200px;",
                    labelAttr: "name",
                    maxHeight: -1, // tells _HasDropDown to fit menu within viewport

                    myAttr1: "this.get(name)",
                    myAttr2: "subject_2",


                    onChange: function(value){
                      // get references to widgets
                      adressW=dijit.byId("adress");
                      loadW=dijit.byId("load");
                      fromW=dijit.byId("from");
                      tillW=dijit.byId("till");

                      adressW.attr("value",  "subject_main from js-object");
                      loadW.attr("value",    "subject_1 from js-object");
                      fromW.attr("value",    "subject_2 from js-object");                          

                      tillW.attr("value", 
                                 store1._getItemByIdentity("Auftrag 1").subject_main);

                    }
                }, "stateSelect");
                select.startup();
            });
    }); </script> </body> </html>

Answer 1

你这样做很有趣！为什么使用span元素定义商店？

看一下这篇文章：

Dojo how to get JSON attribute from dojo.data.ItemFileReadStore

<强>更新

你应该怎么做：

http://jsbin.com/osiniv/3/edit

卢西恩

dojo dijit.form.select：从dataStore中获取数据？

1 个答案: