Я настраиваю таблицу с подробным представлением при нажатии на элемент. Я хочу реализовать это следующим образом:
Настольный контроллер
Это логика для отображения всех записей моей таблицы, которые загружаются из интерфейса oData.
onInit: function() {
var serviceUrl = "/sap/opu/odata/sap/ZSS18_T4_UNIVERSITY_SRV";
var oModel = new sap.ui.model.odata.v2.ODataModel(serviceUrl);
this.getView().setModel(oModel);
},
handleLineItemPress : function(evt){
// Create App object
var app = new sap.m.App({
initialPage : this.createId("idDetail1")
});
// create detail page
var page = sap.ui.view({
id : this.createId("idDetail1"),
viewName: "zss18_t4.projectDetail",
type : sap.ui.core.mvc.ViewType.XML
});
// Pass Data to detail page
var context = evt.getSource().getBindingContext();
console.log(context);
app.to(page, { ctx : context});
// Show detail page in app
app.addPage(page);
app.placeAt("content", "only");
}
Подробная страница
Теперь я хотел бы отобразить детали одного элемента на новой странице, контроллер которой находится здесь:
onInit: function() {
var serviceUrl = "/sap/opu/odata/sap/ZSS18_T4_UNIVERSITY_SRV";
var oModel = new sap.ui.model.odata.v2.ODataModel(serviceUrl);
var view = this.getView();
this.getView().setModel(oModel);
this.getView().addDelegate({
onBeforeShow : function(evt) {
view.setBindingContext(evt.data.ctx);
}
});
},
И это соответствующий вид:
<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
controllerName="zss18_t4.projectDetail" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:f="sap.ui.layout.form">
<Page title="Details">
<VBox class="sapUiSmallMargin">
<f:SimpleForm id="projectDetails" title="Project Details">
<f:content>
<Label text="Project ID" />
<Text text="{projid}" />
<Label text="Title" />
<Text text="{title}" />
<Label text="Description" />
<Text text="{description}" />
<Label text="Type" />
<Text text="{type}" />
<Label text="Supervisor" />
<Text text="{supervisor}" />
<Label text="Lead" />
<Text text="{lead}" />
<Label text="Members" />
<Text text="{members}" />
<Label text="Status" />
<Text text="{status}" />
<Label text="Startdate" />
<Text text="{startdate}" />
<Label text="Enddate" />
<Text text="{enddate}" />
</f:content>
</f:SimpleForm>
</VBox>
</Page>
То, что я вижу, это:

Я читал подобные посты, но пока не нашел правильного решения. Заранее спасибо за помощь!