0

モバイル向けではなく、dojox/app を使用して単純なアプリケーションを作成したい (すべての例はモバイル アプリケーション用です)。最初に、この構成ファイルを設定して実際のアプリを変更します。

{
"id": "simpleModelApp",
"name": "Simple Model App",
"description": "A simple app to show how to use different types of Stores and Models",
"splash": "splash",

"dependencies": [
    "dojo/parser",
    "dijit/layout/ContentPane",
    "dojo/store/Memory",
    "dojo/data/ItemFileWriteStore",
    "dojo/store/JsonRest",
    "dojox/app/utils/mvcModel",
    "dojox/mvc/EditStoreRefListController",
    "dojo/store/DataStore"
],
"modules": [],

"controllers": [
    "dojox/app/controllers/Load",
    "dojox/app/controllers/Transition",
    "dojox/app/controllers/Layout"
],  

//stores we are using 
"stores": {
},

"models": {
},

"has" : {
    "ie9orLess" : {
        "controllers": [
            "dojox/app/controllers/HistoryHash"
        ]
    },
    "!ie9orLess" : {
        "controllers": [
            "dojox/app/controllers/History"
        ]
    }
},  

"defaultView": "home",

"defaultTransition": "slide",

"views": {

    "home": {
        "dependencies":["dojo/parser", "dijit/layout/ContentPane", "dijit/layout/BorderContainer"],
        "template": "./main/main.html"
    }
}
}

次に、ビュー テンプレートの単純な html を記述します。

<div data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" id="borderContainer">
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'leading'" style="width: 100px;">Hi, I'm leading pane</div>
<div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:true, region:'center'">Hi, I'm center pane</div>

定義された構成ファイルを使用してアプリケーションを実行します。

var cfg = jsonRef.fromJson(config);
Application(cfg);

アプリケーションには、スプリッター (BorderContainier) によって分割された widnow (ブラウザー) が必要ですが、id は機能しません。通常のウィゲットを使用してデスクトップ アプリケーション ウィッチを作成することはできますか? またはモバイルのみですか？(私は道場 1.9.1 を使用しています)

4

1 に答える 1

0

https://github.com/dmachi/dojox_application/tree/master/tests/borderLayoutAppを見てください。

これは、djit テーマを適切にインポートし、基本的にボーダー レイアウトを設定する方法を示しています。

ビューに関する注意として、他の dijit タイプの前にラッパー div が必要です。これは、ビューがトップ div に作成されるためです。

于 2013-11-26T20:25:09.533 に答える