sapui5 - 如何在加载视图之前从 OData 加载 2 个或更多实体

问题描述

我正在开发一个主从应用程序。

我有 1 个用于主视图（主视图）的 EntityType 和另一个用于详细信息（详细信息）的 EntityType。我创建了一个从 Master 到 Detail 的关联。

Master View 完美运行。细节有2个部分：

标题：显示在主视图中选择的行中的一些字段。（姓名，身份证，仅此而已）
身体：它有2个碎片。这 2 个片段显示来自 Detail Entity 的信息。

我的问题是：

我在控制台中遇到错误，因为从实体类型 Master 中搜索了 Fragments 上加载的字段。这意味着在第二个绑定完成之前加载了 View && Fragments。

我试过的：

我使用了 BusyIndicator 并在到达时控制模型中的事件（和attachRequestComplete/或attachEventOnce("dataReceived")）。它对我不起作用。onInit()view.setBusy(false)
我试过了，但是当到达第二个绑定的事件时，视图已经加载了。

在Master View中加载信息后：

function _onUpdateFinished(event) {
    var sPath = selItem.getBindingContextPath().substr(1);
    router.navTo("detail", {
                contextPath: sPath
            });
}

当我在详细视图中加载信息时：

onInit:function(){
   this.getRouter().attachRoutePatternMatched(_onRoutePatternMatched, this);
},

_onRoutePatternMatched( oEvent ){
   var sPath = "/" + oEvent.getParameter("arguments").contextPath;
   view.bindElement({ path: sPath,
                      events: {
                        change: function (oEvent) {
                        },
                        dataRequested: function () {},
                        dataReceived: function (oResponse) {
                            view.byId("iconTabBar").bindElement({
                              path: "Master2Detail",
                              events: {
                                    change: function (oEvents) {
                                    },
                                    dataRequested: function () {},
                                    dataReceived: function (oRespon) {
                                        view.setBusy(false);
                                    }
                               }
                            });
                        }
                        }
                    });
    }

我非常感谢您的意见。

我正在考虑将主视图中的值作为参数传递给 Header 部分，并从后端调用 Detail 实体，这样我只有 1 个调用，我假设它可以通过使用带有事件的 onInit() 来工作......

详细视图代码是：

<mvc:View xmlns="sap.m" xmlns:fsem="sap.f.semantic" xmlns:f="sap.f" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"
    controllerName="app.masterDetail.controller.Detail">
    <f:DynamicPage id="detailPage" showFooter="true" stickySubheaderProvider="iconTabBar" class="sapUiNoContentPadding">
        <f:title>
            <f:DynamicPageTitle>
                <f:heading>
                    <Title text="i18n>DETAIL_VIEW" wrapping="true"/>
                </f:heading>
                <f:actions>
                    <Button id="btnTrsNew" text="{i18n>DETAIL_NEW}" type="Transparent" press="onNewFile" visible="{screenSetup>/bNewRequest}"/>
                    <Button id="btnTrsSave" text="{i18n>DETAIL_SAVE}" type="Transparent" press="onSaveNew" visible="{screenSetup>/bSaveCredit}"/>
                    <Button id="btnTrsCancel" text="{i18n>DETAIL_CANCEL}" type="Transparent" press="onCancel" visible="{screenSetup>/bCancel}"/>
                </f:actions>
                <f:expandedContent>
                    <Label text="{i18n>DETAIL_NAME}: {Name}"/>
                </f:expandedContent>
                <f:navigationActions>
                    <PagingButton id="paging" count="{ui>/paging/detailCount}" position="{ui>/paging/detailPosition}" positionChange="onPositionChange"
                        visible="{= ${ui>/uiState/actionButtonsInfo/midColumn/exitFullScreen} !== null || ${device>/isPhone} || ${device>/isTablet}}"/>
                    <Button type="Transparent" icon="sap-icon://full-screen" visible="{= ${ui>/uiState/actionButtonsInfo/midColumn/fullScreen} !== null}"
                        press="onFullScreenPress"/>
                    <Button type="Transparent" icon="sap-icon://exit-full-screen"
                        visible="{= ${ui>/uiState/actionButtonsInfo/midColumn/exitFullScreen} !== null}" press="onFullScreenExitPress"/>
                    <Button type="Transparent" icon="sap-icon://decline" visible="{= ${ui>/uiState/actionButtonsInfo/midColumn/closeColumn} !== null}"
                        press="onClose"/>
                </f:navigationActions>
            </f:DynamicPageTitle>
        </f:title>
            <IconTabBar id="iconTabBar" class="sapUiResponsiveContentPadding" tooltip="{i18n>DETAIL_AMOUNT}" expandable="false">
                <items>
                    <IconTabFilter id="currentDetailTab" key="currentDetail" icon="sap-icon://business-one">
                        <core:Fragment id="DetailAmount" fragmentName="app.masterDetail.view.fragments.currentDetail"/>
                    </IconTabFilter>
                    <IconTabFilter id="statusDetailTab" key="statusDetail" icon="sap-icon://bbyd-active-sales" tooltip="{i18n>DETAIL_STATUS}">
                        <core:Fragment id="DetailStatus" fragmentName="app.masterDetail.view.fragments.statusDetail"/>
                    </IconTabFilter>
                </items>
            </IconTabBar>
        </f:content>
        <f:footer>
            <OverflowToolbar>
                <content>
                    <Button id="btnMessages" type="Emphasized" text="{=${messages>/}.length}" icon="sap-icon://message-popup" press="onShowMessages"
                        visible="{=${messages>/}.length > 0}"/>
                    <ToolbarSpacer/>
                    <Button id="btnNew" text="{i18n>DETAIL_NEW}" type="Emphasized" press="onNewFile" visible="{screenSetup>/bNewRequest}"/>
                    <Button id="btnSave" text="{i18n>DETAIL_SAVE}" type="Emphasized" press="onSaveNew" visible="{screenSetup>/bSaveCredit}"/>
                    <Button id="btnCancel" text="{i18n>DETAIL_CANCEL}" type="Reject" press="onCancel" visible="{screenSetup>/bCancel}"/>
                </content>
            </OverflowToolbar>
        </f:footer>
    </f:DynamicPage>
</mvc:View>

这将是一个带有 SmartField 的片段：

<core:FragmentDefinition xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:smartForm="sap.ui.comp.smartform"
    xmlns:smartField="sap.ui.comp.smartfield">
    <VBox class="sapUiSmallMargin" id="creditLimitStatusVBox">
        <smartForm:SmartForm id="sFormStatus" editTogglable="false" editToggled="handleEditToggled" title="{i18n>FRG_STATUS_TITLE}">
            <smartForm:Group>
                <smartForm:GroupElement label="{i18n>FRG_STATUS_STATUS}">
                    <smartField:SmartField value="{Status}"/>
                </smartForm:GroupElement>
                <smartForm:GroupElement label="{i18n>FRG_STATUS_ENDDATE}">
                    <smartField:SmartField value="{Enddate}"/>
                </smartForm:GroupElement>
                <smartForm:GroupElement label="{i18n>FRG_STATUS_DELIVERY}">
                    <smartField:SmartField value="{DeliveryId}"/>
                </smartForm:GroupElement>
            </smartForm:Group>
        </smartForm:SmartForm>
        <smartForm:SmartForm id="sFormItem" editTogglable="false" editToggled="handleEditToggled" title="{i18n>FRG_STATUS_ITEM}">
            <smartForm:Group>
                <smartForm:GroupElement label="{i18n>FRG_STATUS_MATERIAL}">
                    <smartField:SmartField value="{Material}"/>
                </smartForm:GroupElement>
                <smartForm:GroupElement label="{i18n>FRG_STATUS_QUANTITY}">
                    <smartField:SmartField value="{Quantity}"/>
                </smartForm:GroupElement>
                <smartForm:GroupElement label="{i18n>FRG_STATUS_AMOUNT}">
                    <smartField:SmartField value="{Amount}"/>
                </smartForm:GroupElement>
            </smartForm:Group>
        </smartForm:SmartForm>
    </VBox>
</core:FragmentDefinition>

标签： sapui5

sapui5 - 如何在加载视图之前从 OData 加载 2 个或更多实体

问题描述

解决方案

推荐阅读