Javascript Dojo组合框指定标签和值

Javascript Dojo组合框指定标签和值,javascript,dojo,Javascript,Dojo,我试图按照这个示例介绍如何使用dojo设置组合框,但不知道如何以编程方式指定名称和值。所给出的示例使用相同的标签值和值-这在大多数情况下可能不是人们想要的 { "identifier": "abbreviation", "label": "name", "items": [ { "abbreviation": "AL", "name": "Alabama" }, ... other 48 states here ...

我试图按照这个示例介绍如何使用dojo设置组合框,但不知道如何以编程方式指定名称和值。所给出的示例使用相同的标签值和值-这在大多数情况下可能不是人们想要的

{
    "identifier": "abbreviation",
    "label": "name",
    "items": [
        { "abbreviation": "AL", "name": "Alabama" },

        ... other 48 states here ...

        { "abbreviation": "WY", "name": "Wyoming" }
    ]
}

如果您询问如何替换示例中的硬编码列表,那么以下是您必须执行的操作。在上述场景中,项用于指定数据,该数据是值的数组(缩写和名称)

在您的情况下,您需要从数据源获取数据/对象。一旦有了该数据/对象,就将其公开给视图。完成后,您现在可以执行以下结构

您的存储实际上是您上面的项目,但是stateStore将是一个java脚本数组,其中包含来自数据源的数据

stateStore = [{"abbreviation": "AL", "name": "Alabama"},
               ... other 48 states here ...,
              { "abbreviation": "WY", "name": "Wyoming" }]

// create FilteringSelect widget, populating its options from the store
 var select = new dijit.form.FilteringSelect({
              name: "stateSelect",
              placeHolder: "Select a State",
              store: stateStore
              }, "stateSelect"); 
HTML

<div style="width:50%;float: left;">
 <h1>dijit.form.Select</h1>
 <label for="stateSelect">State:</label>
 <div id="stateSelect"></div>
</div>

dijit.form.Select
声明:

您确定情况确实如此吗。查看(甚至您发布的代码)会显示标签的不同值。您是否查看了此链接?是的,在我看来,它允许你正在寻找的东西…不,它没有。它只列出标签,不列出值