Javascript SAPUI5-如何设置MasterDetail拆分应用程序的链接

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

我正在开发一个SAPUI5应用程序,其中包含一个SplitApp,其中包含一个母版页和多个DeatilPages。我为母版页创建一个StandartListItems列表,如果我选择其中一个,我希望显示正确的DetailPage。但在这一点上,我不知道如何实施它

填写母版页列表:

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)