当我设置dojoConfig
时async: true
,我DateTextBox
的不会被渲染,但是当我使用时async: false
一切正常;但我需要async
能够使用 AJAX 长时间轮询的模式。如何解决此问题以便呈现我的控件?
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="dijit/themes/claro/claro.css">
<style>
html, body {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
}
</style>
<script>dojoConfig = {async: true}</script>
<script src='dojo/dojo.js'>
</script>
<script>
require(["dojo/ready", "dijit/form/Button", "dojo/dom", "dijit/registry"], function(ready, Button, dom, registry){
ready(function(){
// Create a button programmatically:
var myButton = new Button({
label: "button"
}, "topButton");
});
});
require(["dojo/ready", "dijit/form/Button", "dojo/dom"], function(ready, Button, dom){
ready(function(){
// Create a button programmatically:
var myButton = new Button({
label: "button"
}, "leftButton");
});
});
require(["dojo/ready", "dijit/form/DateTextBox", "dojo/dom", "dojo/parser"], function(ready, DateTextBox, dom, parser){
ready(function(){
// Create a button programmatically:
var dateTextBox = new DateTextBox({
value: new Date(2009, 0, 20)
}, "centerPicker");
});
});
require(["dojo/ready", "dijit/form/Button", "dojo/dom"], function(ready, Button, dom){
ready(function(){
// Create a button programmatically:
var myButton = new Button({
label: "button"
}, "bottomButton");
});
});
require(["dojo/ready", "dijit/registry", "dijit/layout/BorderContainer", "dijit/layout/ContentPane"],
function(ready, registry, BorderContainer, ContentPane){
ready(function(){
var appLayout = new BorderContainer({
design: "headline"
}, "appLayout");
appLayout.addChild(
new ContentPane({
region: "top",
content: registry.byId("topButton")
})
);
appLayout.addChild(
new ContentPane({
region: "left",
content: registry.byId("leftButton")
})
);
appLayout.addChild(
new ContentPane({
region: "center",
content: registry.byId("centerPicker")
})
);
appLayout.addChild(
new ContentPane({
region: "bottom",
content: registry.byId("bottomButton")
})
);
// start up and do layout
appLayout.startup();
});
});
</script>
</head>
<body class="claro">
<style>
html, body {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
}
#appLayout {
height: 100%;
}
</style>
<div id="appLayout" class="demoLayout"></div>
<button id="topButton" type="button"></button>
<button id="leftButton" type="button"></button>
<div id="centerPicker"></div>
<button id="bottomButton" type="button"></button>
</body>
</html>