簡體   English   中英

動態創建的dojo組件未應用CSS樣式

[英]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

並再次檢查您已設置parseOnLoaddojoConfig這樣。

dojoConfig = {
    parseOnLoad: true
};

注意:如果使用parseOnLoad: true ,則不應使用parser.parse() 在此處查看更多內容。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM