dojox / app-與標准小部件一起使用

Question

我想用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無效。 是否可以使用普通的假發創建桌面應用程序？ 還是只有手機？ （我正在使用dojo 1.9.1）

Answer 1

看看https://github.com/dmachi/dojox_application/tree/master/tests/borderLayoutApp

這顯示了如何正確導入djit主題並基本具有邊框布局。

需要注意的是，在任何其他視圖類型之前，您必須具有包裝器div。 這是由於視圖是在最上面的div上創建的。