问题标签 [vaadin-elements]

我正在尝试添加一个事件侦听器以根据在 Vaadin ComboBox 中选择的模式显示图像。为此，我希望有一个事件侦听器...当 ComboBox 值更改时，然后在 JSON 文件中查找图像的路径并在 div 占位符上显示所选图像。

我还没有构建到那个级别的解决方案，因为我的查询选择器有问题。据我了解，它无法创建变量“组合框”，因此事件处理程序不会被添加到“组合框”中，因为它不存在。

加载页面的错误输出是：

该项目的代码是：

我正在尝试识别组合框中所选模式的索引 #。我需要传递此索引值，以便另一个函数从正确位置的文件中读取。本质上，在组合框中选择一个模式将让我根据索引查找与所选模式相关的规范。据我所知，Vaadin 组合框没有与组合框项关联的索引，但您可以传递与显示标签不同的值：https ://vaadin.com/docs/-/part/elements/ vaadin-combo-box/vaadin-combo-box-basic.html（请参阅：将对象用作项目）。这是我正在尝试实现的解决方案，但是它变得很棘手，因为我正在从 JSON 文件动态填充组合框项目。

动态填充项目的代码：

组合框的 HTML

当我尝试执行此操作时得到的输出是整个构造的字符串被组装到我的选择中。理论上，这不应该发生，因为在声明组合框时指定了 item-value-path 和 item-label-path。 输出截图

它说： {模式：{标签：“A-3件随机”，值：0}}

致力于解决方案部分：

___________（4 月 27 日晚上 7:00）_______________

建议使用的解决方案，

在显示标签方面效果很好：

但是，我使用触发器来检测组合框中的值何时更改并返回新值。这是触发器的代码：

我已对使用“值更改”触发器进行了建议的更改。它在处理两个小问题时效果很好。首先，它返回每个控制台日志调用两次（不确定为什么两次）。其次，当我选择第一个组合框项目时，它会返回我的值，但不会将标签设置为选中状态。这不是其他组合框项目的问题，但需要选择第一个项目两次才能设置标签。请观看此短片进行演示：https ://youtu.be/yIFc9SiSOUM 。这种图形故障会使用户感到困惑，因为当他们知道自己有模式时，他们会认为他们没有选择模式。寻找解决方案以确保在选择第一个项目时设置标签。

我正在尝试构建一个 Vaadin 7 元素，如果我能以某种方式直接使用这些聚合物元素，那将是有益的——> http://vaadin.github.io/gwt-polymer-elements/demo/#paper/ ButtonSample

但是，对于如何在 Vaadin 应用程序中直接添加聚合物元素，没有明确的解释或教程。

我有一个系统，我可以在 vaadin-combobox 中选择一个值，或者在另一个 div（带有 svg）中选择一个值并动态设置组合的值。如何设置组合的值？

我已经尝试过 value=""，但这没有用......

我正在尝试在我的 angular2 应用程序中使用 vaadin 网格。根据文档https://vaadin.com/docs/-/part/elements/angular2-polymer/tutorial-index.html。但是 Vaadin-grid 数据未显示在输出。

索引.html

包.json

鲍尔.json

systemjs.config.js

应用程序/app.component.js

根据文档，我对这些文件进行了更改，但 vaadin-grid 中的数据未显示。谁能帮我解决这些问题？

谢谢你

我尝试听取在铁数据表内的 vaadin 组合框（值）中所做的更改。

这是我完整的数据表：

我想听听价值变化：

我正在添加一个事件监听器：

还尝试过：

问题是 Eventlistener 刚刚添加到第一个组合框中。但是由于动态创建了多个框，因此这是行不通的。如何将 Eventlistener 动态添加到多个组合框？还是有其他解决方案？

编辑：试过这个：

编辑2：

改变了

至

现在edit1正在工作！但是当页面第一次加载并设置组合框的值时，它已经触发了......

我正在尝试使用 Angular2 在 vaadin-date-picker 中动态设置默认日期。在我的项目上实施这些任务时，它显示了一个异常。

我的代码和错误的 PFA

谢谢你。

点击查看异常图片：异常图片
点击查看代码图片代码图片

我正在寻找具有固定宽度但可以扩展高度以适应多行的单元格。但是，我无法找到任何本机解决方案。

Vaadin 似乎在向两个方向推进：

• Vaadin 框架（Java - 服务器端）
• Vaadin 元素（Javascript - 客户端）

它们是打算现在一起使用..还是将来？还是只有 2 个独立的、不相关的产品？

例如，Vaadin Grid Element（不要与Vaadin 7 的 Java Grid混淆）是否打算在“Java 领域”中使用？

我找到了这篇Server-side Elements post，它讨论了从服务器端创建/操作 Javascript Web 组件。这是我们应该使用的吗？还是有其他东西可以简化 Java 中的组件使用？

..我觉得我错过了一些东西。

我正在使用 vaadin 网格。我得到：

类型错误：grid.columns[0] 未定义

在 Firefox 中，如标题所示。在 Chrome 中它正在工作。编码：

为什么？