Javascript dojo:如何在contentpane中创建两个或两个以上的单选按钮?
我对dojo真的很陌生。我必须使用dojo内容窗格“编程”而不是“声明”创建两个或两个以上的单选按钮 我设法做了一个单选按钮,但如何做另一个,我很尴尬,在这里我做了一个Javascript dojo:如何在contentpane中创建两个或两个以上的单选按钮?,javascript,dojo,radio-button,Javascript,Dojo,Radio Button,我对dojo真的很陌生。我必须使用dojo内容窗格“编程”而不是“声明”创建两个或两个以上的单选按钮 我设法做了一个单选按钮,但如何做另一个,我很尴尬,在这里我做了一个 var radioButtonPane = new dijit.layout.ContentPane({ splitter:true, region: "top", style: "background-color: white;width: 175px;
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”
我知道这是一个非常愚蠢的问题,有人能帮忙吗?非常感谢。让我用适当的形式回答;)
div
标记让我用恰当的形式回答;)
div
标记我根据@h4b0用户的评论在帮助下解决了它
“这不是问题,您听说过dojo.create吗?” 我用这个替换了我的代码
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);
var radioOne=dojo.create(“div”),{
innerHTML:“+”项目成本
”
+“+”项目统计信息
+“+”项目信息
});
radioButtonPane.set(“内容”,radioOne);
这就是我所需要的。谢谢你h4b0我根据@h4b0用户的评论在帮助下解决了这个问题
“这不是问题,您听说过dojo.create吗?” 我用这个替换了我的代码
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);
var radioOne=dojo.create(“div”),{
innerHTML:“+”项目成本
”
+“+”项目统计信息
+“+”项目信息
});
radioButtonPane.set(“内容”,radioOne);
这就是我所需要的。谢谢你h4b0为什么你不应该为它制作
div
?这是最简单的解决方案-用div填充ContentPane
,每个单选按钮对应一个div。在最终的html代码中,它将转换为div
。感谢您的评论,我真的知道使用div创建是最简单的方法,但我必须以编程的方式进行。这不是问题,您听说过dojo.create吗@h4b0非常感谢它的工作。为什么不为它制作一个div
?这是最简单的解决方案-用div填充ContentPane
,每个单选按钮对应一个div。在最终的html代码中,它将转换为div
。感谢您的评论,我真的知道使用div创建是最简单的方法,但我必须以编程的方式进行。这不是问题,您听说过dojo.create吗@h4b0非常感谢。非常有效。谢谢,我添加我的答案只是为了证明我解决了问题。我认为这是正确的方法,对吗?谢谢,我添加我的答案只是为了证明我解决了问题。我认为这是正确的方法,对吗?