2012-04-02 66 views
1

我對道場真的很陌生。我必須使用dojo內容窗格「編程」而不是「聲明式」來創建兩個或兩個以上的單選按鈕。dojo:如何在contentpane中創建兩個或兩個以上的單選按鈕?

我設法做一個單選按鈕,但如何做另一個,以及我很尷尬,在這裏我做了一個;

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); 

我不應該做一個「格」了它,

我知道它的一個非常愚蠢的問題,任何人都可以幫忙嗎?非常感謝你。

+0

爲什麼你不應該爲它做一個'div'?這是最簡單的解決方案 - 用div填充「ContentPane」,每個單選按鈕一個。在最終的html代碼中,它將被轉換爲'div'。 – maialithar 2012-04-02 07:50:39

+0

感謝您的評論,我真的知道用div創建是最簡單的方法,但我必須以編程方式完成。 – AbdulAziz 2012-04-02 08:52:10

+1

這不是問題,你聽說過dojo.create嗎? http://dojotoolkit.org/reference-guide/1.7/dojo/create.html – maialithar 2012-04-02 09:20:46

回答

1

讓我以適當的形式回答; )

  1. 使用dojo.create創造新div標籤
  2. 在這個新標籤插入您的單選按鈕
+0

謝謝,我只是添加了我的答案,以表明我已經解決了它。我認爲這是正確的方法,對吧? – AbdulAziz 2012-04-02 13:05:08

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

相關問題