2

DojoとDijitのテーマは初めてですが、ブートストラップスタイルのDijitテーマを見つけました： http： //thesociable.github.com/dbootstrap/。

Dojo dijitsでテーマを使用するだけでよく、Dojoビルドシステムについては何も知りません。私の目的は、dijitsを既存のサイトと統合することです。

dijitテーマを使用するにはどうすればよいですか？Dojo Bootstrapと簡単に統合できる、すぐに使用できるバージョンのサイトを知っている人はいますか。

統合するのが難しいものを見たことがないと思います。

4

2 に答える 2

5

これまたはビルド済みのバージョンを使用している人は見つかりませんでした。また、build.pyスクリプトを機能させることができませんでした（おそらくWindowsの問題）。しかし、Nodeを使用してStylusテーマファイルをコンパイルすることができました。

私はdbootstrapプロジェクトのフォークを作成しました（注：このフォークで作業するつもりはありません。これはこの質問の目的のためだけです。ただし、Dojoブートストラップテーマは優れた概念なので、いつか使用する可能性があります。 ）。

コンパイルされたテーマのzipを作成しました。これには、使用方法を示すサンプルページtest.htmlが含まれています。コンパイルされたcssに直接リンクする標準の<link/>タグを使用できます。

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

次に、通常の道場マナーでページのスタイルを設定できます。

<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でブートストラップスタイルのコンポーネントを実現しようとしている場合は、興味があるかもしれないDojoBootstrapモジュールが あります。

于 2013-02-12T12:57:29.893 に答える
5

テーマのビルド済みバージョンをhttp://thesociable.github.com/dbootstrap/download/dbootstrap.tar.gzにアップロードし、 https://github.com/thesociableで報告された Windows ビルドの問題に取り組んでいます。 /dbootstrap/issues/29

それまでの間、Stephen Simpson の回答とプロジェクトのREADMEがあなたをそこに導くことを願っています。他に問題がある場合は、https://github.com/thesociable/dbootstrap/issuesでお気軽に報告してください。

于 2013-03-04T18:07:09.850 に答える