标签类型不适用于 dijit/forms/select

Question

添加一个选项到dijit/forms/select，就像这样，

"<nav asdasd>"

由于dijit/forms/select默认使用labelType = "html"，我将labelType设置为"text"，但即便如此，该选项还是作为HTML元素添加的。

.HTML

<select id="select1" data-dojo-type="dijit/form/Select" data-dojo-props="labelType:'text'" style="width:150px;"></select>

Javascript （Dojo）

require([
"dojo/ready",
"dojo/_base/lang",
"dijit/registry"], function (ready,lang,registry) {
ready(function () {
    var select1 = registry.byId("select1");
    option1 = {
        value: "o1",
        label: "option 1",
        selected: false
    };
    option2 = {
        value: "o2",
        label: "option 2",
        selected: true
    };
    option0 = {
        value: "o",
        label: "<nav asdasd>",
        selected: false
    };
    select1.addOption(lang.clone(option1));
    select1.addOption(lang.clone(option2));
    select1.addOption(lang.clone(option0));
});

}）;

http://jsfiddle.net/gsbc25as/1/

Answer 1

这应该有效：

require([
    "dojo/ready",
    "dojo/_base/lang",
    "dijit/registry"], function (
ready,
lang,
registry) {
    ready(function () {
        var select1 = registry.byId("select1");
      var  option1 = [
            {
            value: "o1",
            label: "option 1",
            selected: false
        },
            {
            value: "o2",
            label: "option 2",
            selected: false
        },
            {
            value: "o",
            label: "&ltnav Assad&gt",
        selected: true
    } ]
        select1.addOption(lang.clone(option1));
    });
});

Answer 2

对于那些希望使用 Dojo 1.9 和修复程序的人，

http://jsfiddle.net/gsbc25as/6/

require([
"dojo/ready",
"dojo/_base/lang",
"dijit/registry",
"dojox/html/entities"], function (ready,lang,registry,entities) {
ready(function () {
    var select1 = registry.byId("select1");
    option1 = {
        value: "o1",
        label: "option 1",
        selected: false
    };
    option2 = {
        value: "o2",
        label: "option 2",
        selected: true
    };
    option0 = {
        value: "o",
        label: entities.encode("<nav asdasd>"),
        selected: false
    };
    select1.addOption(lang.clone(option1));
    select1.addOption(lang.clone(option2));
    select1.addOption(lang.clone(option0));
});

}）;

Answer 3

我注意到你的JSFiddle正在针对Dojo 1.9运行。 如果您切换到针对 Dojo 1.10 运行，它将按您的预期工作。

labelType属性仅在 Dojo 1.10 中添加。