问题标签 [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 回答
169 浏览

haskell - 使用带有反射的 Web 组件 HTML 标记

我尝试在 Reflex 中使用 Web 组件。代码是这样的:

对于 ui5-button 它按预期工作。其他 Web 组件触发 Reflex.Dom.Widget.Basic 中未定义的事件,例如“liveChange”。

我怎样才能将这些转化为反射事件?

0 投票
1 回答
744 浏览

npm - UI5 Web 组件的 jsfiddle 代码示例,使用 unpkg.com 避免对 npm 的依赖

unpkg.com书呆子的问题。

我想在jsfiddle上为UI5 Web Components创建一个代码示例。目标是在不强制读者安装相应的 NPM 模块及其依赖项的情况下共享代码示例。

对应的node包@ui5/webcomponents可以用npm安装:

然后我可以导入所需的 Web 组件:

并在 HTML 页面中实例化自定义元素:

如何在 jsfiddle 上托管此代码示例,以便在那里显示“Hello world”按钮?

0 投票
1 回答
247 浏览

typescript - UI5 Web 组件选择未打开

我想为我的站点使用 UI5 Web 组件“选择”,但下拉菜单没有打开。

我正在使用 Lit-HTML、Typescript 和 Webpack。我将 Playground 中的示例复制到我的代码中,并导入了两个模块(Select、StandardListItem)。确切的示例以及我更改的版本不起作用。但它显示带有 Attribute 的 li-Element selected。我还使用了其他一些 UI5 组件,例如 Input 或 Datepicker,它们都可以正常工作。

选择元素:

我进口了:

我希望有一个下拉菜单,但是当我单击小箭头或字段时没有任何反应。

0 投票
1 回答
1574 浏览

reactjs - 如何在 create-react-app 中导入 ES6 模块而不导致测试失败?

当我按照此处找到的说明进行操作时

并按照他们指定的方式添加导入引用:

import "@ui5/webcomponents/dist/Button";

该应用程序运行良好,并且能够导入按钮。然而,当我npm run test,我得到一个错误:

SyntaxError: Cannot use import statement outside a module.

知道如何解决这个问题吗?

0 投票
0 回答
228 浏览

web-component - 在 Stencil.js 组件库中包含第三方 Web 组件

我希望将 Stenciljs 包含在一个项目中,并且喜欢 Stencil 捆绑组件的方式,并且只延迟加载页面上使用的组件。

这可以与安装在模板项目中的第三方 Web 组件一起使用吗?

例如,假设我们想使用ui5-button组件而不是滚动我们自己的组件。我按照此处的说明进行操作,并且能够将 Web 组件导入到模板中的任何组件文件中。

如果我想用作较大组件的子组件,这很好,如下所示:

这可行,但我不喜欢嵌套。有没有办法简单地返回并使其成为捆绑包的一部分?

0 投票
0 回答
58 浏览

angular - 是否有一些简单的方法可以使 ui5 webcomponent(例如 ui5-input)与角度组件模型保持同步?

我试图在输入字段中输入数据时使用带有 ui5 输入字段的 ngModel 来自动更新我的角度模型,但没有让它工作。有没有一种简单的方法可以让一个对象在输入 ui5-input Web 组件时发生变化的角度侧?

我试过的是:

或者 webcomponents 就角度而言永远不能成为表单控件,我应该为每个 ui5 表单元素编写一个包装器组件?

我找到了这篇文章并成功实现了一个自定义表单控件,其中同步完美:

构建自定义表单控件:https ://medium.com/joolsoftware/creating-a-custom-formcontrol-in-angular-da92f2f47733

0 投票
0 回答
17 浏览

ui5-webcomponents - UI5 Web 组件和 ObjectListItem

我正在试验 UI5-webcomponents 和 Angular。我尝试制作一个与现有 OpenUI5 应用程序具有相似设计的应用程序,该应用程序使用带有ObjectListItem项目的列表。我发现的唯一等价物是ui5-li,但它的属性非常有限 -description并且info对于文本。我还需要numbernubmerUnit+ 一些状态。

我可以在没有自定义 CSS 的情况下以某种方式实现这一目标吗?

0 投票
0 回答
18 浏览

ui5-webcomponents - 标签容器渲染问题

我正在使用 ui5 we components 渲染应用程序。在这里我准备了标签容器。

在每个选项卡中都有包含大量数据的表,因此我决定仅按需加载表。解决了仅按需渲染的浪费渲染和组件。它提供了一些更好的性能。但我遇到了一些问题。也就是说,一旦我在一个选项卡中添加内容并导航到另一个选项卡并添加内容,接下来返回到上一个选项卡的数据就消失了。如何解决这个问题以实现快速渲染?

0 投票
1 回答
68 浏览

combobox - 以编程方式打开 ui5-combobox Web 组件的 ComboBox Dropdown

有没有办法以编程方式打开<ui5-combobox>Web 组件的下拉列表?
我发现了一个使用纯 HTML 组合框将 DroppedDown 设置为 true 的解决方案,但这似乎不适用于 UI5 ComboBox Web 组件。

我正在寻找的是当用户点击它或标签进入它时打开 ComboBox 的下拉菜单。

0 投票
0 回答
82 浏览

angular - 使用带有粘性标题的 ui5-table Web 组件的 Angular 虚拟滚动

当我将 Angular Virtual Scrolling 与 ui5-table Web 组件一起使用时,将 sticky-column-header 标志设置为 true 时,列标题在向下滚动时移动到底部(在之间随机跳转)。在我的设置中,我使用 100 个条目和 3 列,虚拟滚动如下:

表的顶部:

在此处输入图像描述

表格的上半部分,这里的标题列随机上下移动:

在此处输入图像描述

在底部:

在此处输入图像描述

有人知道如何解决这个问题吗?