Javascript SAPUI5-如何设置MasterDetail拆分应用程序的链接
我正在开发一个SAPUI5应用程序,其中包含一个SplitApp,其中包含一个母版页和多个DeatilPages。我为母版页创建一个StandartListItems列表,如果我选择其中一个,我希望显示正确的DetailPage。但在这一点上,我不知道如何实施它 填写母版页列表:Javascript SAPUI5-如何设置MasterDetail拆分应用程序的链接,javascript,cordova,master-detail,sapui5,Javascript,Cordova,Master Detail,Sapui5,我正在开发一个SAPUI5应用程序,其中包含一个SplitApp,其中包含一个母版页和多个DeatilPages。我为母版页创建一个StandartListItems列表,如果我选择其中一个,我希望显示正确的DetailPage。但在这一点上,我不知道如何实施它 填写母版页列表: var oMasterPage = sap.ui.getCore().byId("masterPage"); var masterContentList = sap.ui.getCore().byId("mas
var oMasterPage = sap.ui.getCore().byId("masterPage");
var masterContentList = sap.ui.getCore().byId("masterList");
masterContentList.bindItems({
path : "/inhaltList",
template : new sap.m.StandardListItem({
title: "{master}"
})
});
对于每个MasterListItem,我创建一个DetailPage并将其添加到SplitApp:
var detailContentList = new sap.m.List({});
detailContentList.bindItems({
path : "/inhaltList",
sorter : new sap.ui.model.Sorter("name"),
template : new sap.m.CustomListItem({
content: [
new sap.m.VBox({
width : "80%",
displayInline : false,
direction: "Column",
items:[
new sap.ui.commons.TextView({text:"titel", design:sap.ui.commons.TextViewDesign.H2}),
//new sap.ui.commons.TextView({text:"{detail>titel}", design:sap.ui.commons.TextViewDesign.H2}),
//new sap.ui.commons.TextView({text:"{detail>content>text}", design:sap.ui.commons.TextViewDesign.Small})
new sap.ui.commons.TextView({text:"textetextetextetexttextexte", design:sap.ui.commons.TextViewDesign.Small})
]
})
]
})
});
var DetailPage = new sap.m.Page({
path : "/inhaltList",
title: "{master}",
content:[
detailContentList
]
});
splitApp.addDetailPage(DetailPage);
最后,我在SplitApp中有一个母版页,在一个案例中有4个详细页。这是到目前为止的工作
现在,我想建立一个从MasterListItem到右DetailPage的关系,这样,如果我选择MasterListItem,就会显示右DetailPage
有人有什么想法吗?据我所知,您有sap.m.StandardListItem和一些项目,您希望在单击项目时切换详细信息。最简单的方法: 1.将新闻事件添加到您的项目中。控制器是一个控制器,如果您在视图中执行此操作
press: [controller.pressItem, controller]
2.从pressItem获取您的应用程序和使用方法
其中id-是详细信息页面的id,数据是要发送到页面的有效负载
注:
1.通过实现也会起作用,而且会更好问题是,我正在自动生成DetailPages,这取决于母版页控制器中打包的选定数据。对于每个MasterListElement,我创建一个Detailpage,并将其添加到SplitApp。。。。因此,请求id是不可能的,因为如果我要设置一个id,控制台会告诉我,id是不可靠的。请检查示例Master Detail应用程序。在这里,您应该得到一些提示,这是如何工作的,尤其是在路由方面。我已经知道这个例子,它与我的情况无关。它是静态的!但是:我要动态地做!!你没有提到你需要一个动态的方法。引用您的问题:[……]如果我选择其中一个,我希望显示正确的详细信息页面[…]。但是,可以使用布线将“主控”和“详图”连接在一起。细节可以是空视图,其控制器将专用视图作为子视图加载。
var app = sap.ui.getCore().byId("splitApp");
app.to(id, "slide", data)