添加粗体和字体到dijit / form /选择以编程方式

时间:2013-01-15 09:49:17

标签: dojo

您好我如何以编程方式为dijit / form / select中的每个选项添加粗体和字体大小等样式?

ready(function()//This function won't run until the DOM has loaded and other modules that register have run
{
 parser.parse();
var select_Card = new Select
({options:
[
 {label:"Select Card", value:"", selected:true},
 {label:"Mk7ABC Card", value:"testdata1970_05", selected:false},
 {label:"Mk7CBC Card", value:"testdata1970_10", selected:true},
 {label:"Mk10DC Card", value:"testdata2060_03", selected:false},
 {label:"Mk6BC Card", value:"dbProdigy", selected:false},
 {label:"Mk6NBC Card", value:"dbProdigy_MK6N", selected:false},
], style:{width:'250px'}
}, "select_Card");

select_Card.startup();
    });
    });

请指教 谢谢 克莱门特

1 个答案:

答案 0 :(得分:7)

在json中设置标签样式。

require(["dojo/ready", "dijit/form/Select"], function(ready, Select){
ready(function(){ 
  var select_Card = new Select({
    options:[
     {label:"Select Card", value:"", selected:true},
     {label:"<b>Mk7ABC Card</b>", value:"testdata1970_05", selected:false},
     {label:"<span style='color:red;'>Mk7CBC Card</span>", 
        value:"testdata1970_10", selected:true},
     {label:"Mk10DC Card", value:"testdata2060_03", selected:false},
     {label:"Mk6BC Card", value:"dbProdigy", selected:false},
     {label:"Mk6NBC Card", value:"dbProdigy_MK6N", selected:false},
    ], style:{width:'250px'}
  }, "select_Card");
  select_Card.startup();
});
});

http://jsfiddle.net/cswing/udJuv/