Question

我试图复制existing jsfiddle

require([
"dojo/dom",
"dijit/Dialog",
"dijit/form/Button",
"dijit/layout/BorderContainer",
"dijit/layout/ContentPane",
"dojo/domReady!"
], function(dom, DijitDialog, Button, BorderContainer, ContentPane) {

(new Button({
    label: 'Show dialog',
    onClick: function() {


        var layout = new BorderContainer({
            design: "headline",
            style: "width: 400px; height: 400px; background-color: yellow;"
        });

        var centerPane = new ContentPane({
            region: "center",
            style: "background-color: green;",
            content: "center"                        
        });

        var actionPane = new ContentPane({
            region: "bottom",
            style: "background-color: blue;"
        });

        (new Button({ label: "OK"})).placeAt(actionPane.containerNode);
        (new Button({ label: "Cancel"})).placeAt(actionPane.containerNode);

        layout.addChild(centerPane);
        layout.addChild(actionPane);
        layout.startup();

        var dialog = new DijitDialog({
            title: 'dialog title',
            style: {
                //width: '400px',
                //height: '400px',
            },
            content: layout
        });

        dialog.containerNode.style.backgroundColor = "red";
        dialog.startup();
        dialog.show();   

    }

})).placeAt(document.body);

到new jsfiddle

require([

。。。 }）

使用较新版本的dojo，但使用完全相同的代码。我已经添加了外部资源＆＃34; claro.css＆＃34;对于我在Frameworks设置中使用的适当版本的dojo，以及JavaScript设置中的相同LOAD TYPE，但我的小提琴显然缺少样式，因为它不像原始渲染：对话框和BorderContainer是缺少边框，背景颜色，基本上都是所有样式。

这更为重要，因为我正在处理的应用程序中的对话框dijit也发生了同样的事情（未应用样式）。

我在小提琴中缺少什么？

Answer 1

您缺少claro body标签。单击HTML上的“设置”图标，将其添加到正文标记。

<body class="claro">

jsfiddle使用dojo而不是因为未知原因而选择样式

1 个答案: