以編程方式使用dijit/form/select進入內容窗格

Question

嗨我不確定在選擇窗體插入名爲「center 1」的內容窗格中時，代碼出錯的位置。所有的代碼在選擇的代碼被評論屏蔽之前一直工作，直到我刪除了評論。這是行不通的。

See my jsfiddle

，看到我的選擇代碼： -

var select_Card = new Select 
       (
        { 
         options:[ 
            {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'} 
        }, "id4"); 
       select_Card.startup();     

請指教。謝謝 Clement

Answer 1

在你的小提琴中，「target」是ContentPane dijit的id。所以，當你寫：

var select2 = new Select 
    ({name: "select2", 
     .....  
}, "target"); 

你告訴選擇做出的contentPane成選擇（從技術上說，你告訴它劫持的contentPane的DIV，其中有ID爲「目標」）。

如果你只是想將選擇到的contentPane，你可以這樣做：

var select2 = new Select 
    ({name: "select2", 
     .....  
}).placeAt(registry.byId("target").containerNode); 

有一對夫婦的其他問題與你的提琴太：

¤依賴關係必須是在所需要的相同的順序（）的陣列和回調：

require(["foo/Widget1", "foo/Widget2", "bar/Widget3"], 
    function(Widget1, Widget2, Widget3) {.... 

不

require(["foo/Widget1", "bar/Widget3", "foo/Widget2"], 
    function(Widget1, Widget2, Widget3) {.... 

（注意Javascript也是區分大小寫的，所以如果你在你的代碼中寫入「Select」，你不能在你的require參數中選擇「select」）。

¤請記住，包括必要的CSS爲您的小工具：

<style type="text/css"> 
@import url("someUrl/dojotoolkit/dijit/themes/claro/claro.css"); 
@import url("someUrl/dojotoolkit/dojo/resources/dojo.css"); 
.... 

下面是一個更新的例子：http://jsfiddle.net/AxVcq/30/