注意:此标记'sapui5'涵盖了通常称为“OpenUI5”的工具包的2013年12月开源版本以及原始许可版本“SAPUI5”。 “用于HTML5的SAP UI开发工具包”(SAPUI5)是一种用户界面技术,用于构建和调整客户端应用程序。 SAPUI5运行时是一个客户端HTML5呈现库,具有丰富的标准和扩展控件以及轻量级编程模型。
如何获取SAPUI5应用程序中视图的实际大小? 我试过: this.getView().getHeight(); 但它什么也没返回。还 this.getView().getWidth(); 返回 100%,因此这 2 种方法不会
我对编程相当陌生,我开始制作一个网站来练习,过了一会儿我发现我的登录页面可以很容易地被操纵,只需在浏览器中更改我的JS代码。 ...
使用 OData V4 模型更新 SAPUI5 中的 NavigationProperty(带有 ASP.NET 后端)
我正在使用 SAPUI5 和 OData V4 模型,并以 ASP.NET 作为后端。 我有一个有状态的预订。我需要一个用户可以更改预订状态的功能。所有状态...
我在行为定义中定义了一个静态工厂操作,如下所示: 在行为投影中,也启用了: 以下是静态工厂操作在元扩展中的注释方式...
JavaScript 和 SAPUI5 新手;努力寻找语法解释。 需要调用本地系统中的OData服务。 SAP项目模板已经放置了看似正确的数据源部分...
我的 VS Code 工作区看起来像这样: SAPUI5 -zkdklsel(组件。既不是应用程序也不是库) -zkdtagsdok(应用程序) 在 zkdtagesdok 应用程序描述符中,我定义了 usa...
我的 VS Code 工作区看起来像这样: SAPUI5 -zkdklsel(组件。既不是应用程序也不是库) -zkdtagsdok(应用程序) 在 zkdtagesdok 应用程序描述符中,我定义了 usa...
如何使用 VS 代码扩展标准 SAP Fiori 自由式应用程序?
我了解您可以在BAS中创建一个适应项目: https://help.sap.com/docs/SAP%20Business%20Application%20Studio/584e0bcbfd4a4aff91c815cefa0bce2d/ada9567b767941aba8d49fdb4fdeea7.html 乙...
如何在从另一个应用程序加载的自定义库中加载 sapui5 xml 片段?
我们有一个自定义控件库,可以在不同的 sapui5 应用程序中使用。 对于 js 控件,这工作得很好,但现在我试图让它与 xml 片段一起工作。 该库的部署就像...
我刚刚开始使用 SAPUI5,我实际上很好奇这些示例是如何工作的。 例如:https://ui5.sap.com/#/entity/sap.f.FlexibleColumnLayout/sample/sap.f.sample.FlexibleColumnLayoutColumnRes...
如何在SAPUI5中使用OData V4获取submitBatch的错误消息
在 SAPUI5 中使用 OData V4 服务的 SubmitBatch 创建新实体时,可以使用绑定上下文的 getMessages() 读取消息。然而,这不会返回任何技术消息。 对于
我有一个使用 sap.ui.table.Table 类型的表的应用程序。 该表是使用本地 sap.ui.model.json.JSONModel 进行数据绑定并在表本身上调用 setModel() 来设置的。排序和
有没有办法手动将 CSS/HTML 中的辅助功能字段更改为任何值?
我正在为客户构建 HTML 卡,他们想知道是否可以手动调整该卡中的辅助功能字段,特别是这些: 他们想要改变......的价值
我正在使用卡片来显示一些数据。我想在 UI5 中单击卡片时调用一些函数。 我正在使用卡片来显示一些数据。我想在 UI5 中点击卡片来调用一些功能。 <f:Card class="sapUiMediumMargin carousalCards" width="360px"> <f:content> <VBox height="370px" justifyContent="SpaceBetween"> <HBox justifyContent="SpaceBetween"> <VBox> <Title class="titleWidth" text="{getfileDefaultJSONModel>REFERENCE}" level="H1"/> <Text class="sapMGTSubHdrTxt" text="{getfileDefaultJSONModel>CREATION_DATE}"></Text> </VBox> <HBox class="checkedIcon"> <RadioButton custom:model="getfileDefaultJSONModel" select="fnCreateClone" text="{getfileDefaultJSONModel>ID}" groupName="GroupA" visible="{getfileDefaultJSONModel>RADIO_VISIBLE}"/> </HBox> </HBox> <HBox justifyContent="SpaceBetween" class="largeTileFooter"> <Text class="sapMTileCntFtrTxt" text="{getfileDefaultJSONModel>USER_ID} {getfileDefaultJSONModel>REFERENCE} Data"></Text> <Text class="sapMNCValue Neutral" text="{getfileDefaultJSONModel>JSON_SIZE}"></Text> </HBox> </VBox> </f:content> </f:Card> 目前sap.f.Card没有任何click活动。但是,您可以使用浏览器事件: var card = this.getView().byId("your-card-id"); card.attachBrowserEvent("click", function(event) { // handle card click }, this); 更新(2024-10) 自 UI5 1.131 起(提交:e207a13),所有 sap.f.CardBase 控件都支持 press 事件(当前处于实验阶段) if 卡的 semanticRole 设置为 "ListItem"。 之前的回答 在撰写本文时,sap.f.Card不提供任何新闻活动。你可以.. 遵循指南并仅使标题可点击。实现 sap.f.cards.IHeader 的控件确实提供 press 事件。 或者利用 sap.m.CustomListItem 和 type="Active" 使卡片内容可点击。 演示 globalThis.onUI5Init = () => sap.ui.require([ "sap/ui/core/Fragment", ], async Fragment => { "use strict"; const cardContent = `<Title text="Clickable Card" titleStyle="H4" /> <core:Icon xmlns:core="sap.ui.core" src="sap-icon://sap-ui5" size="4rem" color="#ff7b17" class="sapUiTinyMarginBottom" />`; const newerCard = await Fragment.load({ definition: `<f:Card xmlns:f="sap.f" xmlns="sap.m" width="18rem" press="alert('Card pressed!')" semanticRole="ListItem" class="sapUiSmallMargin" > <f:header> <cards:Header xmlns:cards="sap.f.cards" title="Header" statusText="Status" /> </f:header> <f:content> <FlexBox renderType="Bare" width="100%"> <HBox height="6.5rem" width="100%" justifyContent="SpaceAround" alignItems="Center" >${cardContent}</HBox> </FlexBox> </f:content> </f:Card>`, }); newerCard.placeAt("content"); const previousCard = await Fragment.load({ definition: `<f:Card xmlns:f="sap.f" width="18rem" class="sapUiSmallMargin"> <f:header> <cards:Header xmlns:cards="sap.f.cards" title="Separate Clickable Header" statusText="Status" press="alert('Header pressed')" /> </f:header> <f:content> <FlexBox xmlns="sap.m" renderType="Bare" width="100%"> <CustomListItem type="Active" press="alert('Card pressed')"> <HBox height="6.5rem" width="100%" justifyContent="SpaceAround" alignItems="Center" >${cardContent}</HBox> <layoutData> <FlexItemData minWidth="100%" /> </layoutData> </CustomListItem> </FlexBox> </f:content> </f:Card>`, }); previousCard.placeAt("content"); }); <script id="sap-ui-bootstrap" src="https://sdk.openui5.org/nightly/resources/sap-ui-core.js" data-sap-ui-libs="sap.ui.core,sap.m,sap.f,sap.ui.unified,sap.ui.layout" data-sap-ui-onInit="onUI5Init" data-sap-ui-async="true" data-sap-ui-compatVersion="edge" data-sap-ui-excludeJQueryCompat="true" data-sap-ui-xx-waitForTheme="init" ></script> <body id="content" class="sapUiBody sapUiSizeCompact"></body>
最近我遇到了以下JSBin。在“JavaScript”部分,我们可以注意到全局 onUI5Init 侦听器内发生的初始化。这让我有点惊讶,因为所有的人......
赛普拉斯在 sapui5 Web 组件上进行测试,以确保在组合框下拉菜单上点击不可靠
我们在 Cypress 组件和 E2E 测试方面遇到了大量问题。 我们已经使用 V1 中的 Web 组件设置了一个用于 React 应用程序的 SAPUI5 Web 组件。 这一切都与组合框有关
如何正确引用部署在 BTP Cloud Foundry 上的 SAPUI5 组件以嵌入到另一个组件中(重用组件)
在 SAP BTP 上开发 Fiori 应用程序时,我一次又一次遇到同样的问题。我们如何将其他单独部署的组件嵌入到同一个CF Space中。 这是一个
我的自定义控件的数据绑定有问题。 我的控件继承自 sap.m.Input 并使用特殊的值助手对其进行扩展。我的新控件的新属性之一是一个简单的标题...
sap.ui.core.util.File.save 文件损坏?
我想在前端下载一个来自后端的 OData 文件。 该文件使用 FM 'SCMS_BASE64_ENCODE_STR' 进行编码,现在我想对其进行解码并使用 SAPUI5 下载它。 我...