[英]Dynamically created dojo components don't get CSS style applied
我有一個HTML文件,其中有一個新Javascript對象的實例。 我動態創建了一些dojo組件。 我的HTML文件中包含CSS樣式。 但是組件的外觀不正確。 我想念什么嗎?
這是我的一些代碼:創建組件:
var buttonToolbar = new dijit.Toolbar({});
buttonToolbar.addChild(
new dijit.form.Button({
label: "1x1 layout",
onClick: function() { mv.createLayout(1, 1);},
iconClass: "myIcon1",
class: "dhButton"
})
);
HTML頭:
<link rel="stylesheet" href="css/main-demo.css" media="screen" />
<link rel="stylesheet" href="js/vendor/dh/medview/css/medview.css" media="screen" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/widget/Dialog/Dialog.css" />
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"></script>
<script type="text/javascript">
dojo.require("dijit.form.Button");
</script>
<script type="text/javascript">
dojo.addOnLoad(function(){
//new object creation
}
);
});
</script>
您必須像這樣將class claro
添加到body標簽。
<body class="claro">
指南: https : //dojotoolkit.org/reference-guide/1.9/dijit/themes.html
並再次檢查您已設置parseOnLoad
在dojoConfig
這樣。
dojoConfig = {
parseOnLoad: true
};
注意:如果使用parseOnLoad: true
,則不應使用parser.parse()
在此處查看更多內容。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.