Я создаю веб-приложение с помощью dojox/app, и мой файл config.json выглядит так:
{
"id": "app",
"name": "app",
"description": "Example dojox/app based Worklight app",
"dependencies": [
"commonapp/app",
"commonapp/BaseViewController",
"dojo/store/Memory",
"dojox/app/utils/mvcModel",
"dojox/mvc/EditStoreRefListController",
"dojo/store/Observable",
"dojox/mobile/Button"
],
"controllers": [
"dojox/app/controllers/Load",
"dojox/app/controllers/Transition",
"dojox/app/controllers/Layout",
"dojox/app/controllers/HistoryHash"],
"stores": {
},
"models": {
},
"defaultView": "MainTemplate",
"defaultTransition": "slide",
"views": {
"MainTemplate": {
"template": "commonapp/templates/MainTemplate.html",
"controller": "commonapp/templates/MainTemplate.js",
"nls": "commonapp/templates/nls/MainTemplate",
"defaultView": "SampleView+HiddenMenu",
"views": {
"SampleView": {
"template": "commonapp/sample/SampleView.html",
"controller": "commonapp/sample/SampleView.js",
"nls": "commonapp/sample/nls/SampleView",
"constraint" : "center",
},
"HiddenMenu": {
"template": "commonapp/MenuItems/HiddenMenu.html",
"controller": "commonapp/MenuItems/HiddenMenu.js",
"nls": "commonapp/MenuItems/nls/HiddenMenu",
"constraint" : "bottom"
},
"ExpandedMenu": {
"template": "commonapp/MenuItems/ExpandedMenu.html",
"controller": "commonapp/MenuItems/ExpandedMenu.js",
"nls": "commonapp/MenuItems/nls/ExpandedMenu",
"constraint": "bottom"
}
}
}
}
}
Представления HiddenMenu и ExtendedMenu содержат только кнопку, которая используется для переключения между каждым из этих представлений. Например, HiddenMenu.html выглядит так:
<div class="mblView">
<script type="dojo/require">at: "dojox/mvc/at"</script>
<div style="text-align: right">
<button data-dojo-type="dojox.mobile.Button" data-dojo-attach-point="dapMenuButton">Label</button>
</div>
</div>
и контроллер HiddenMenu.js имеет следующий код в методе инициализации:
on(this.view.dapMenuButton, "click", lang.hitch(this, function(e) {
var transOpts = {
target : "MainTemplate,ExpandedMenu",
url : "#MainTemplate,ExpandedMenu" // this is optional if not set it will be created from target
};
this.view.app.transitionToView(e.target,transOpts,e);
}));
Другой имеет аналогичный код. Приложение загружается правильно, но у меня странное поведение при переключении между этими двумя представлениями. Несмотря на то, что переключение происходит правильно, два представления не отображаются в одном и том же месте, как ожидалось, которое должно быть внизу страницы. Один из них отображается над другим. Моя цель здесь состоит в том, чтобы вторая кнопка («Скрыть метку») занимала место, оставленное первой кнопкой («Ярлык»). Кто-нибудь знает, как этого добиться?
Спасибо