未加載Dojo dijit.form.button

Question

我有以下代碼：

require(["dijit/registry", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dijit/form/Button", "dojo/query", "dojo/domReady!"], function(registry, BorderContainer,  ContentPane, Button, query){

var appLayout = new BorderContainer({
    design: "sidebar"
}, "appLayout");

var dataArea = new ContentPane({
    region: "center",
    content: '<div id="grid"></div>'
});

var actionArea = new ContentPane({
    region: "bottom",
    id: "actionarea",
    content: '<button id="computer"></button>'
});

var treeArea = new ContentPane({
    region: "left",
    id : "treearea",
    content: '<div id="treeroot"></div>',
    splitter: true
});

var button = new Button({
    label: "Load Computer tree"
}, "computer");

appLayout.addChild(treeArea);
appLayout.addChild(dataArea);
appLayout.addChild(actionArea);
appLayout.startup();
button.startup();
});

所有布局均正確加載，但我的按鈕未加載。

我試圖在button.startup（）調用之前查詢#computer，它已很好地加載。

appLayout.addChild(treeArea);
appLayout.addChild(dataArea);
appLayout.addChild(actionArea);
appLayout.startup();

console.log(query("#computer"));

button.startup();
});

預先感謝您的任何幫助

Answer 1

不要在標記中創建按鈕

var actionArea = new ContentPane({
    region: "bottom",
    id: "actionarea"
});

然后將按鈕小部件設置為內​​容

var button = new Button({
    label: "Load Computer tree"
}); 
actionArea.set('content', button);

這是一個工作示例： http : //jsfiddle.net/cswing/V6qK2/