问题标签 [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.
haskell - 使用带有反射的 Web 组件 HTML 标记
我尝试在 Reflex 中使用 Web 组件。代码是这样的:
对于 ui5-button 它按预期工作。其他 Web 组件触发 Reflex.Dom.Widget.Basic 中未定义的事件,例如“liveChange”。
我怎样才能将这些转化为反射事件?
npm - UI5 Web 组件的 jsfiddle 代码示例,使用 unpkg.com 避免对 npm 的依赖
unpkg.com书呆子的问题。
我想在jsfiddle上为UI5 Web Components创建一个代码示例。目标是在不强制读者安装相应的 NPM 模块及其依赖项的情况下共享代码示例。
对应的node包@ui5/webcomponents可以用npm安装:
然后我可以导入所需的 Web 组件:
并在 HTML 页面中实例化自定义元素:
如何在 jsfiddle 上托管此代码示例,以便在那里显示“Hello world”按钮?
typescript - UI5 Web 组件选择未打开
我想为我的站点使用 UI5 Web 组件“选择”,但下拉菜单没有打开。
我正在使用 Lit-HTML、Typescript 和 Webpack。我将 Playground 中的示例复制到我的代码中,并导入了两个模块(Select、StandardListItem)。确切的示例以及我更改的版本不起作用。但它显示带有 Attribute 的 li-Element selected
。我还使用了其他一些 UI5 组件,例如 Input 或 Datepicker,它们都可以正常工作。
选择元素:
我进口了:
我希望有一个下拉菜单,但是当我单击小箭头或字段时没有任何反应。
reactjs - 如何在 create-react-app 中导入 ES6 模块而不导致测试失败?
当我按照此处找到的说明进行操作时
并按照他们指定的方式添加导入引用:
import "@ui5/webcomponents/dist/Button";
该应用程序运行良好,并且能够导入按钮。然而,当我npm run test
,我得到一个错误:
SyntaxError: Cannot use import statement outside a module.
知道如何解决这个问题吗?
web-component - 在 Stencil.js 组件库中包含第三方 Web 组件
我希望将 Stenciljs 包含在一个项目中,并且喜欢 Stencil 捆绑组件的方式,并且只延迟加载页面上使用的组件。
这可以与安装在模板项目中的第三方 Web 组件一起使用吗?
例如,假设我们想使用ui5-button组件而不是滚动我们自己的组件。我按照此处的说明进行操作,并且能够将 Web 组件导入到模板中的任何组件文件中。
如果我想用作较大组件的子组件,这很好,如下所示:
这可行,但我不喜欢嵌套。有没有办法简单地返回并使其成为捆绑包的一部分?
angular - 是否有一些简单的方法可以使 ui5 webcomponent(例如 ui5-input)与角度组件模型保持同步?
我试图在输入字段中输入数据时使用带有 ui5 输入字段的 ngModel 来自动更新我的角度模型,但没有让它工作。有没有一种简单的方法可以让一个对象在输入 ui5-input Web 组件时发生变化的角度侧?
我试过的是:
或者 webcomponents 就角度而言永远不能成为表单控件,我应该为每个 ui5 表单元素编写一个包装器组件?
我找到了这篇文章并成功实现了一个自定义表单控件,其中同步完美:
构建自定义表单控件:https ://medium.com/joolsoftware/creating-a-custom-formcontrol-in-angular-da92f2f47733
ui5-webcomponents - UI5 Web 组件和 ObjectListItem
我正在试验 UI5-webcomponents 和 Angular。我尝试制作一个与现有 OpenUI5 应用程序具有相似设计的应用程序,该应用程序使用带有ObjectListItem
项目的列表。我发现的唯一等价物是ui5-li
,但它的属性非常有限 -description
并且info
对于文本。我还需要number
和nubmerUnit
+ 一些状态。
我可以在没有自定义 CSS 的情况下以某种方式实现这一目标吗?
ui5-webcomponents - 标签容器渲染问题
我正在使用 ui5 we components 渲染应用程序。在这里我准备了标签容器。
在每个选项卡中都有包含大量数据的表,因此我决定仅按需加载表。解决了仅按需渲染的浪费渲染和组件。它提供了一些更好的性能。但我遇到了一些问题。也就是说,一旦我在一个选项卡中添加内容并导航到另一个选项卡并添加内容,接下来返回到上一个选项卡的数据就消失了。如何解决这个问题以实现快速渲染?
combobox - 以编程方式打开 ui5-combobox Web 组件的 ComboBox Dropdown
有没有办法以编程方式打开<ui5-combobox>
Web 组件的下拉列表?
我发现了一个使用纯 HTML 组合框将 DroppedDown 设置为 true 的解决方案,但这似乎不适用于 UI5 ComboBox Web 组件。
我正在寻找的是当用户点击它或标签进入它时打开 ComboBox 的下拉菜单。