dojo:如何在contentpane中创建两个或两个以上的单选按钮?

时间:2012-04-02 07:35:41

标签: javascript dojo radio-button

我对道场很新。我必须使用dojo内容窗格“Programmatic”创建两个或更多两个单选按钮而不是“声明”。

我设法制作了一个单选按钮但是如何制作另一个单选按钮,我很尴尬,在这里我做了一个;

var radioButtonPane = new dijit.layout.ContentPane({
            splitter:true,
            region: "top",
            style: "background-color: white;width: 175px; height: 40px",
            content: "RadioButtons"                       
                });
var radioOne = new dijit.form.RadioButton({
            checked: true,
            value: "ProjectOne",
            name: "Project 1",
            }, "radioOne");


 //setting one radio button in content of contentpane, how add another one?
 radioButtonPane.set('content',radioOne);

我不应该为它做一个“div”,

我知道这是一个非常愚蠢的问题,任何人都可以帮忙吗?非常感谢你。

2 个答案:

答案 0 :(得分:1)

让我以适当的形式回答; )

  1. 使用dojo.create创建新的div代码
  2. 在此新标记中插入单选按钮

答案 1 :(得分:0)

我根据@ h4b0用户的评论

帮助解决了这个问题
  

“这不是问题,你听说过dojo.create吗?dojotoolkit.org/reference-guide/1.7/dojo/create.html

我用这个替换了我的代码;

var radioOne = dojo.create("div", { 
    innerHTML:"<input type='radio' data-dojo-type='dijit.form.RadioButton' name='Project Cost' id='radioOne' value='Cost' checked: 'true'/>" + "<label for='radioOne'>Project Cost</label><br />" 
    + "<input type='radio' data-dojo-type='dijit.form.RadioButton' name='Project Statistics' id='radioTwo' value='Project_Statistics' checked: 'true'/>" + "<label for='radioOne'>Project Statistics</label><br />"
    + "<input type='radio' data-dojo-type='dijit.form.RadioButton' name='Project Info' id='radioThree' value='Project_Info' checked: 'true'/>" + "<label for='radioOne'>Project Info</label><br />"
});
radioButtonPane.set('content',radioOne);

它完成了我需要的工作。谢谢 h4b0