2012-05-23 2 views
0

나는 다음과 같은 코드가 있습니다도조 dijit.form.button가로드되지

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

는 마크 업

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

을 버튼을 생성하지 마십시오 도움

답변

1

사전에 감사합니다 그냥 내용 여기

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

과 버튼 위젯을 설정 실례 : http://jsfiddle.net/cswing/V6qK2/

+0

감사합니다. dojo.ready 사용 (function (...) {}); "dojo/domReady!"가 필요하지 않습니다. ? – Swann

+0

예. 그것이 포함 된 것을 보지 못했습니다. 바이올린을 업데이트하고 기능을 제거했습니다. –

+0

다른 질문이 있습니다. 'actionArea'ContentPane에 두 번째 버튼이나 다른 유형의 콘텐츠를 추가하려면 어떻게해야합니까? – Swann

관련 문제