0

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

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

http://jsbin.com/xxx

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

这是随后被读入数据存储区的 javascript 对象：

  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 中。

编辑：卢锡安帮了我很多！这是我对该问题的最终解决方案：

<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: true">

Beladeauftrag 地址

导航> 

<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>
4

1 回答 1

1

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

看看这个帖子：

Dojo 如何从 dojo.data.ItemFileReadStore 获取 JSON 属性

更新：

你应该这样做：

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

卢西安

于 2013-02-15T11:30:29.310 回答