2

我是 Dojo 和 Dijit 主题的新手，我在这里找到了一个带有引导样式的 Dijit 主题：http: //thesociable.github.com/dbootstrap/。

我只需要将主题与 Dojo dijits 一起使用，而且我真的对 Dojo 构建系统一无所知。我的目的是将 dijits 与现有站点集成。

如何使用 dijit 主题？有谁知道任何有现成版本的网站，易于与 Dojo Bootstrap 集成。

我想我从来没有见过很难整合的东西。

4

2 回答 2

5

我已将主题的预构建版本上传到http://thesociable.github.com/dbootstrap/download/dbootstrap.tar.gz并正在处理https://github.com/thesociable报告的 Windows 构建问题/dbootstrap/问题/29

与此同时，Stephen Simpson 的回答和项目README有望助您一臂之力。如果您有任何其他问题，请随时在https://github.com/thesocialable/dbootstrap/issues报告它们

于 2013-03-04T18:07:09.850 回答
5

我找不到任何人使用它或它的任何预建版本。此外，我无法让 build.py 脚本正常工作（可能是 Windows 问题）。但是我设法使用 Node.js 编译了Stylus主题文件。

我已经创建了dbootstrap项目的一个分支（注意：我不打算在这个分支上工作，它只是为了这个问题的目的。虽然，Dojo 引导主题是一个很好的概念，所以可能会在某个时候使用它）。

我制作了一个已编译主题的 zip，其中包括一个示例页面test.html，它显示了如何使用它。您可以只使用直接链接到已编译 css 的标准 <link /> 标签：

<link
    rel="stylesheet"
    type="text/css"
    href="scripts/bootstrap/theme/dbootstrap/dbootstrap.css"
/>

然后，您可以在通常的 dojo 庄园中设置页面样式：

<body class="dbootstrap">

但是，作者包含了一些需要使用 Javascript 导入的额外功能。我建议您使用 require 包含主题（如示例文件和下面所示）：

<script type="text/javascript">
    require([
        "bootstrap",
        "dojo/parser",
        "dojo/ready"
    ], function(dbootstrap, parser, ready){
        ready(function(){
            parser.parse();
    })
});
</script>

这可确保在为 Dojo 小部件解析页面之前加载引导程序。您还需要关闭页面上的小部件的自动解析，并在 dojoConfig 中设置引导模块（以及 dbootstrap 使用的 xstyle）的位置，例如：

<script type="text/javascript">
    var dojoConfig = {
        "async": true,
        "parseOnLoad": false,
        "packages": [{
            "name": "bootstrap",
            "location":"/scripts/bootstrap",
            "main":"main"
        }, {
            "name": "xstyle",
            "location":"/scripts/xstyle"
        }]
    };
</script>

您还需要在上述<body>中包含 class 属性。

这有点令人费解，但示例文件应该让它更清晰一些。还应该注意的是，在这个庄园中加载 css 并不是很好的做法，它很可能会导致页面小部件样式的延迟。

注意：如果您尝试在 Dojo 中实现引导样式组件，您可能会感兴趣 的Dojo Bootstrap 模块。

于 2013-02-12T12:57:29.893 回答