SAPUI5 如何在语义详细视图中插入片段或 xmlview

     2023-04-15     147

关键词:

【中文标题】SAPUI5 如何在语义详细视图中插入片段或 xmlview【英文标题】:SAPUI5 How to insert fragment or xmlview inside a semantic detail view 【发布时间】:2017-11-15 03:15:24 【问题描述】:

我搜索了这个问题的答案,但我发现的每个解决方案都不起作用,所以我开始认为我的问题可能处于更高的级别(但官方和非官方的 SAP 指南没有帮助)。

我有一个 Fiori Master-Detail 应用程序,我的详细视图如下:

    <mvc:View
        controllerName="masterdetailsample.controller.Detail"
        xmlns="sap.m"
        xmlns:l="sap.ui.layout"
        xmlns:core="sap.ui.core"
        xmlns:mvc="sap.ui.core.mvc"
        xmlns:semantic="sap.m.semantic">

    <semantic:DetailPage
        id="page"
        navButtonPress="onNavBack"
        showNavButton="device>/system/phone"
        title="i18n>detailTitle"
        busy="detailView>/busy"
        busyIndicatorDelay="detailView>/delay">

        <semantic:content>
            <ObjectHeader
                id="objectHeader"
                title="EmployeeID">
            </ObjectHeader>
            <l:VerticalLayout>
                <IconTabBar
                    id="iconTabBar"
                    class="sapUiResponsiveContentPadding"
                    upperCase="true">
                    <items>
                        <IconTabFilter
                            id="detailIconTabBarInfo"
                            text="i18n>detailIconTabBarInfo"
                            tooltip="i18n>detailIconTabBarInfo">

                            <Toolbar design="Solid">
                                <content>
                                    <Title 
                                        text="i18n>detailIconTabBarInfo"
                                        width = "100%">
                                    </Title>
                                </content>  
                            </Toolbar>

                            <core:Fragment id="perfEval" fragmentName="masterdetailsample.view.viewcomponents.PerformanceDevelopment" type="XML"/>
                            <mvc:XMLView id="compOvw" viewName="masterdetailsample.view.viewcomponents.PerformanceDevelopment" displayBlock="true"/>

                        </IconTabFilter>
                    </items>    
                </IconTabBar>
            </l:VerticalLayout>
        </semantic:content>
    </semantic:DetailPage>
</mvc:View>

我的片段页面如下:

<core:FragmentDefinition
    xmlns="sap.m" 
    xmlns:core="sap.ui.core" 
    xmlns:l="sap.ui.layout" 
    xmlns:f="sap.ui.layout.form" 
    xmlns:mvc="sap.ui.core.mvc">
    <Text>
        FRAGMENT CONTENT
    </Text>
</core:FragmentDefinition>

虽然 xmlview 是:

<mvc:View
    xmlns="sap.m" 
    xmlns:core="sap.ui.core" 
    xmlns:l="sap.ui.layout" 
    xmlns:f="sap.ui.layout.form" 
    xmlns:mvc="sap.ui.core.mvc"
    controllerName="masterdetailsample.controller.PerformanceDevelopment">
    <Text>
        FRAGMENT CONTENT
    </Text>
</mvc:View>

我尝试了所有我能想到的组合,但页面没有呈现。 现在我知道片段和 xmlviews 必须被不能是 sap.m 的“内容”标签的聚合器包围。因此,我尝试使用 sap.ui.layout 中的“VerticalLayout”和“内容”,将它们移动到页面中,但浏览器仍然抱怨使用了正确的聚合器(来自 ff 控制台“无法将文本节点添加为聚合。要将文本添加到聚合中,需要一个环绕的 html 标记:FRAGMENT CONTENT")。 我已经读过该视图必须声明为manifes.json,但如果我理解正确,只有当这个页面是“独立的”时。我认为这不是我的情况,因为我会在我的应用程序中重用这些子视图或片段。 我检查了我在不同的尝试中是否留下了一些拒绝或一些错误的代码,但一切似乎都是正确的。 我认为也许 xmlviews 和 Fragments 不能在 sap.m.semantic.DetailPage 中使用,但我没有通过 SAP doumentation 找到任何证据。 像我所做的那样构建详细信息页面是否正确? IconTabFilter 是否可以包含子视图或片段,或者以另一种方式设计页面更好?每次我更改某些内容时,我都不知道是不是因为概念或设计错误而无法正常工作,对此我感到有些沮丧。

谢谢大家

【问题讨论】:

【参考方案1】:

错误是由&lt;Text&gt; FRAGMENT CONTENT &lt;/Text&gt; 引起的。您不能在&lt;Text&gt; 标记中直接 输入文本。你需要使用&lt;Text text="FRAGMENT CONTENT"/&gt;.

其余的代码看起来都很好。

【讨论】:

嗯,非常感谢您,先生!我的印象是标签内有一些禁止的标签,这对我来说没有多大意义。这绝对是更合乎逻辑的。谢谢 @MarcoDalena 很高兴为您提供帮助。如果这解决了您的问题,请随时接受答案,或者如果没有,请告诉我,我会尝试对其进行编辑。编辑:我注意到您以前从未接受过答案,所以我将把这个链接留在这里:meta.stackexchange.com/questions/5234/…

如何在主视图的行选择上更新详细视图的表视图或在详细视图中加载新视图?

】如何在主视图的行选择上更新详细视图的表视图或在详细视图中加载新视图?【英文标题】:howtoupdatetheuitablviewofdetailviewonrowselectofmastervieworloadnewviewindetailview?【发布时间】:2013-05-2306:05:35【问题描述】:我正在使用xcode并为ipa... 查看详情

SAPUI5绑定JSON模型来控制

】SAPUI5绑定JSON模型来控制【英文标题】:SAPUI5bindingJSONmodeltocontrol【发布时间】:2016-05-2410:55:31【问题描述】:我是一名ABAPer,正在学习SAPUI5。我正在通过splitApp控制练习主从应用。我一直在寻找这种例子,但没有找到。所以,... 查看详情

添加数据后如何刷新片段中的列表视图?

】添加数据后如何刷新片段中的列表视图?【英文标题】:HowtorefreshaListviewinaFragmentafterdatahasbeenadded?【发布时间】:2018-04-2409:30:45【问题描述】:我正在将数据从选项卡片段插入到sqlite数据库中。我的问题是一旦从列表中插入或... 查看详情

SAPUI5:xml 视图中 html 标记中的 i18n 属性内容

】SAPUI5:xml视图中html标记中的i18n属性内容【英文标题】:SAPUI5:i18npropertycontentinhtmltagswithinxmlviews【发布时间】:2015-03-1913:53:51【问题描述】:如何在xml视图中的html标记中包含i18n属性内容,即xml视图中的“普通”文本标记如下所... 查看详情

如何使用 INSTEAD OF 触发器在视图中插入数据?

】如何使用INSTEADOF触发器在视图中插入数据?【英文标题】:HowdoIinsertdatainaviewusingINSTEADOFtrigger?【发布时间】:2021-11-0823:16:09【问题描述】:我试图在视图中插入一些数据,但是,我收到的错误基本上告诉我,由于常量或派生字... 查看详情

如何在 Android Studio 上获取 Sqlite 数据库中插入数据的实时视图

】如何在AndroidStudio上获取Sqlite数据库中插入数据的实时视图【英文标题】:HowtogettheliveviewofinserteddatainSqlitedatabaseonAndroidStudio【发布时间】:2018-08-1910:01:48【问题描述】:请你帮我解决这个问题。我正在向我的Sqlite数据库插入值... 查看详情

SAP UI5 如何在 xml 视图中附加 HTML

】SAPUI5如何在xml视图中附加HTML【英文标题】:SAPUI5HowtoappendHTMLinxmlView【发布时间】:2019-02-2209:11:03【问题描述】:我想在xml视图中使用vis.js库。这是XML视图:<mvc:Viewxmlns:mvc="sap.ui.core.mvc"xmlns:m="sap.m"controllerName="com.asas.mes.controlle... 查看详情

如何在“详细”实体视图中为“主/父”实体“保存”(核心数据)?

】如何在“详细”实体视图中为“主/父”实体“保存”(核心数据)?【英文标题】:Howto"save"(core-data)for"master/parent"entitywhilein"detail"entityview?【发布时间】:2014-07-1814:35:59【问题描述】:在我的应用中,... 查看详情

SAPUI5:更改 url 中的 id 后如何重定向到 NotFound 页面?

】SAPUI5:更改url中的id后如何重定向到NotFound页面?【英文标题】:SAPUI5:HowcanIredirecttoaNotFoundpageafterchangetheidintheurl?【发布时间】:2016-04-0607:16:12【问题描述】:我有两个XML视图,我可以使用路由在它们之间导航。在第一个视图中... 查看详情

Cordova iOs 在视图转换时在 SAPUI5 应用程序中无故显示键盘

】CordovaiOs在视图转换时在SAPUI5应用程序中无故显示键盘【英文标题】:CordovaiOsshowsKeyboardfornoReasoninSAPUI5ApplicationonViewTrasition【发布时间】:2015-07-3110:44:32【问题描述】:显示新视图时键盘打开。本机Objective-c代码显示,keyboardWillS... 查看详情

SAPUI5 列表绑定与 XML 视图中的过滤数据

】SAPUI5列表绑定与XML视图中的过滤数据【英文标题】:SAPUI5ListbindingwithfiltereddatainXMLview【发布时间】:2016-12-2513:35:40【问题描述】:希望你一切顺利目前我正在尝试在控制器的oninit事件中将过滤后的数据绑定到xml视图中的列表控... 查看详情

SAPUI5 何时将初始过滤器绑定到控件

】SAPUI5何时将初始过滤器绑定到控件【英文标题】:SAPUI5whentobindaninitialfiltertoacontrol【发布时间】:2017-05-1019:04:41【问题描述】:我希望将xml视图的控制器中的过滤器动态绑定到视图中的控件。我知道该怎么做,但我一开始没有... 查看详情

SAPUI5 重用视图并创建新实例

】SAPUI5重用视图并创建新实例【英文标题】:SAPUI5reuseViewsandmakenewinstance【发布时间】:2017-07-1007:43:00【问题描述】:我是SAP的新手,正在尝试开发SAPUI5应用程序,但在重用视图/部分视图时遇到了一些问题。我想要一个局部视图... 查看详情

如何在视图中连接多个表(代码片段)

如何创建此查询的视图任何人都可以帮助我,我想创建这个视图,但它显示我的错误消息4506,级别16,状态1,过程订单视图,第3行每个视图或函数中的列名必须是唯一的。视图或函数“ordersview”中的列名“ID”被指定多次。CREA... 查看详情

如何在markdown文档中插入空格?(代码片段)

简单说 在Markdown文档中,可以直接采用HTML标记插入空格(blankspace),而且无需任何其他前缀或分隔符。具体如下所示:插入一个空格(non-breakingspace)    &nbsp;  或  &#160;   或   &... 查看详情

推荐收藏——mysql视图详细介绍(代码片段)

...图要注意哪些点吗?可能很多人对视图只是一知半解,想详细了解视图的同学看过来哟,本篇文章会详细介绍视图的概念、创建及使用方法。1.视图定义及简单介绍视图是基于SQL语句的结果集的可视化的表,即视图是一个虚拟存... 查看详情

SAPUI5 将数组行索引绑定到 xml 视图中的数组行数据

】SAPUI5将数组行索引绑定到xml视图中的数组行数据【英文标题】:SAPUI5bindarrayrowindextoarrayrowdatainxmlview【发布时间】:2017-05-2215:48:07【问题描述】:我有两个数组:一个包含我的数据:数组名称是arrayData一个包含我的数据数组索... 查看详情

如何在 UISplitView 的详细视图中清除 UIWebView 的内容

】如何在UISplitView的详细视图中清除UIWebView的内容【英文标题】:HowtoclearcontentsofUIWebViewinDetailViewofUISplitView【发布时间】:2012-05-2210:31:53【问题描述】:我在详细视图中有一个Web视图。当从主视图(UITableView)中选择的对象在Web视图... 查看详情