在sapui5中的全屏视图和主详细信息视图之间导航

Question

我有一个要求。这里的要求是一个SAPUI5应用程序。 应用程序包含两个视图 1.初始视图是全屏视图 2.第二个视图是Master Detail视图

我被困在全屏视图和主详细信息视图之间的导航。 即使我没有收到任何错误与您分享。点击动作/事件（按钮）后，屏幕变得愚蠢，表示视图没有响应。

请提出建议，等待您的宝贵回复。

此致 基兰。

Answer 1

创建一个项目，其中包括主要明细模板查看文件＆amp; 全屏模板文件，即

1. App.view.xml＆amp; App.Controller.js
2. Master.view.xml＆amp; Master.controller.js
3. Details.view.xml＆amp; Details.controller.js
4. S1.view.xml＆amp; S1.controller.js

<强> S1.view.xml

＆＃13;
＆＃13;
<Button text="click to splite App" press="onPressSplite"/>
＆＃13;
＆＃13;
＆＃13; 的 S1.controller.js
＆＃13;
＆＃13;
 onPressSplite : function(oEvent) {						
  var oRouter = sap.ui.core.UIComponent
  .getRouterFor(this);
  oRouter.navTo("main", {});
 },
 getEventBus : function() {
   return sap.ui.getCore().getEventBus();
 },
 getRouter : function() {
   return sap.ui.core.UIComponent.getRouterFor(this);
 }
＆＃13;
＆＃13;
＆＃13;

创建这些视图后，只需在Component.js

中定义页面路由
＆＃13;
＆＃13;
	routing : {
		config : {
			routerClass : Application_Name.MyRouter,
			viewType : "XML",
			viewPath : "Application_Name.view",
			targetAggregation : "pages",
			clearTarget : false
		},
		routes : [{
			pattern : "",
			name : "S1",
			view : "S1",
			targetControl : "masterView",
		},{
			pattern : "App",
			name : "app",
			view : "App",
			targetControl : "masterView",
			subroutes : [{
				pattern : "master",
				name : "main",
				view : "Master",
				targetAggregation : "masterPages",
				targetControl : "idAppControl",
				subroutes : [{
					pattern : "detail/{key}",
					name : "Detail",
					view : "Detail",
					targetAggregation : "detailPages",
				}]
			}]
		}]
	}
＆＃13;
＆＃13;
＆＃13;

不要忘记添加MyRouter.js文件