问题标签 [ui5-webcomponents]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
120 浏览

reactjs - 即使我已经导入了我的反应应用程序,它也不会加载 CSS 样式

我正在将UI5 Web 组件与 React 一起使用,并且我正在尝试在某个组件上提供具有样式的类,但该类不采用 CSS 文件中的样式。

有人能告诉我为什么吗?

这是“./Navbar.css”CSS 文件:

这是 jsx 文件:

正如您在 上看到的那样ui5-side-navigation,我给出了一个类并在点击反应时给出它以在点击时更改类,它已经在工作了。每当我单击时,该类都会更改,但该类不会从import "./Navbar.css";.

有谁知道为什么?

0 投票
0 回答
39 浏览

reactjs - findByTestId 根据测试的顺序具有不同的行为

我的 React 组件有以下测试:

它们都通过了,但是我们得到了著名的警告“React 更新应该被包装到动作中”,因为我们的组件使用了来自外部库的一些 web 组件,这些组件在渲染期间有一些更新。按照 Kent C. Dodds 在这篇博文中的提示我尝试将我的测试更改为以下内容:

这消除了警告,但第二个测试不再通过。我不明白为什么会发生这种情况,但即便如此,我还是尝试更改测试的顺序(首先是按钮,然后是 ObjectPage),然后都通过了!为什么顺序会影响这种情况下的测试?

为了清楚起见,我的组件“PrimaryStory”是通过composeStory“@storybook/testing-react”创建的故事。我在故事中呈现的组件如下所示:

0 投票
0 回答
185 浏览

ionic-framework - 使用带有 Web 组件库的 Svelte JS 框架,如何通过 bind:value 指令实现与自定义元素的两个绑定?

注意:对于这个问题,Svelte repo 上有一个 GitHub 问题打开。 https://github.com/sveltejs/svelte/issues/4838 虽然我知道这可能会或可能不会成为 Svelte 的一项功能,但我要问的是我今天如何创建一种解决方法来支持第三方网络像ShoelaceUI5这样的组件库,还是具有双向绑定的Ionic ?

概要:

  1. 我已经设置了一个 Svelte 应用程序并成功添加了一个 Web 组件库(例如:鞋带)。
  2. 我编写了一行使用双向绑定的代码,例如:
  3. 我无法双向绑定 ( bind:value={}),因为 Svelte 编译器无法识别自定义 Web 组件的有效绑定。

如果有一个你知道的包装库,或者我可以做一些其他的事情来使它工作,那就太好了。

0 投票
1 回答
124 浏览

javascript - Uncaught (in promise) SyntaxError: Unexpected token 'const' in UI5 (SAP)

嗨,我想在Ui5中进行API 调用,但每次它告诉我,它不知道什么是“Const”。

Uncaught SyntaxError: Unexpected token 'const' 显示名为 'TargetResult' 的路由目标时发生以下错误:SyntaxError: Unexpected token 'const' -
Uncaught (in promise) SyntaxError: Unexpected token 'const'

我的 UI5 调用:

0 投票
1 回答
88 浏览

vaadin - 如何在 Vaadin 组件的 @DomEvent 中访问 @EventData

我创建了一个包装 UI5 MultiComboBox Web 组件的 Vaadin Flow v22 组件:

然后我在我的 Vaadin 视图中使用 Vaadin 组件:

我运行我的应用程序(在 Crome 中),它按预期呈现。当我删除其中一个时Ui5MultiComboBoxItem,我的 Listener 会按预期触发。

问题是侦听器无法访问 @EventData("event.items") JsonArray itemsa。

控制台显示该itemsa变量为 null,而访问更简单的 @EventData (如“element.placeholder”或“event.bubbles”)完美工作:

我也用过:

但所有这些都会在 Chrome 控制台中引发错误:

" " 中的错字dependecy可能会提示是谁发出了该错误消息。

这是 UI5 Web 组件说明:MultiComboBox

任何帮助都非常感谢!

0 投票
0 回答
9 浏览

javascript - SAPUI5 OData 通过 Manifest 绑定

我是 SAPUI5 的新手,我对整个 OData 模型的事情有点挣扎。

对于一个小练习,我正在开发一个应用程序,它只有一个 Button 和一个 Input 和 oData Binding,它们将输入值传递到 ABAP 后端并获取结果并将其显示在前端的 Message Toast 上。

我的问题,我想我应该在控制器中定义 Odata,对吗?(顺便说一句,它不起作用)如何?2. 我怎样才能从 Input 传递到 Controller 然后 ODAta 并最终取回它?

并且视图看起来像

显现:

零件:

});