问题标签 [vaadin-grid]

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 投票
2 回答
1331 浏览

java - Vaadin 网格 - 延迟加载过滤

我有 vaadin 网格,它可以从盒子中加载延迟数据,这很棒。但由于某些原因,我有自定义过滤器,我通过

CallbackDataProvider<> dataProvider.fetch(Query query)

offset查询对象具有按部分(和)加载的参数limit,因此我需要动态设置它(?)并以某种方式侦听网格滚动事件以在用户向下滚动时加载下一部分数据(?)

Grid.dataComunicator有字段Range pushRows,但没有公共方法来获取它。我所拥有的只是没有过滤数据的延迟加载网格或带有过滤数据的急切加载网格。

那么,有没有办法在 vaadin 网格元素中实现延迟加载过滤数据?

0 投票
1 回答
1361 浏览

spring - Vaadin 8 Grid 不再有 grid.addRow(obj)

我最近接到了一个 Vaadin 7 项目,之前的开发人员使用 Vaadin 7 Grid grid.addRow(obj) 向网格添加行。现在在 Vaadin 8 Grid 中添加了 grid.setItems(?Collection?),它完全清除了 grid.setItems() 上 Grid 中的数据。我观看了来自 Vaadin 的所有 YouTube 视频和所有堆栈溢出页面,但没有找到答案。

我确实发现这个论坛有很多人有同样的问题: https ://vaadin.com/forum#!/thread/15724440

这是我的工作,我并不为此感到自豪。基本上添加一个 ArrayList 作为我的示例,它使用了一个带有名字、姓氏、电子邮件和薪水的 Person 类。

0 投票
1 回答
416 浏览

java - Java/Vaadin - FormLayout 自定义隐藏组件实现

我正在 vaadin 开发一个 Web 应用程序,目前正在尝试实现一个地址簿。我查看了 github 上的官方实现,并试图以此为基础。

我遇到的问题是联系表格。我希望能够单击网格中的一行并打开一个包含信息的表单。(类似于在他们的示例中如何完成)

但是,该组件没有按预期做出反应。如果我将组件直接添加到主布局并尝试切换可见性,它会弄乱视图。我让它工作的唯一方法是根据需要添加和删除组件,尽管我不喜欢这个解决方案,也不优雅。

这是当前的实现

第一张图片显示了在将表单添加到布局并将其设置为隐藏时视图的反应。

第二张和第三张图片显示了视图应该如何反应。虽然为了达到预期的结果,我不得不做草率的编码。

最后的问题:

我该如何解决这个问题?我尝试过为表单使用内部类并将其创建为自己的类。我唯一的猜测是,在 github 实现中,他们将 UI 传递给地址簿扩展 UI 而不是组件的表单。

这是尝试直接添加组件时视图的外观

这是使用快速而肮脏的修复(通过根据需要添加和删除组件)时的外观,表单不应该在此处显示

这是在单击网格之后,这就是我希望它发挥作用的方式

0 投票
1 回答
93 浏览

css - 特定类的 Vaadin 组件 CSS

我正在尝试从使用特定 CSS 类的每个 Grid 实例中删除网格单元格焦点样式。

CSS

效果很好,但将样式应用于我的应用程序中的所有 Grid 实例。

我尝试通过以下方式使其专门应用于 CSS 类:

或者

或者

但不会导致默认行为发生任何变化。

我已成功使用以下 CSS

其中唯一采用上述样式的网格是我分配给样式名称的网格anotherGrid。这向我表明,在我的情况下,CSS 选择器可能存在复杂性:before,再加上导致我的实现无法工作的自定义 CSS 类。

如何引用 Vaadin 组件 CSS 并将其仅应用于我指定的特定 CSS 类?

0 投票
1 回答
325 浏览

vaadin-grid - Grid SelectionMode.MULTI 缺少标题复选框以选择所有 BackEndDataProvider

我正在使用写入版本 8 的新应用程序(目前正在使用 8.1.0.rc2 进行测试)。

Grid问题围绕使用时出现在标题中的“全选”复选框SelectionMode.MULTI。特别是,问题是在implements时复选框出现并按预期运行,但在DataProviderimplementsInMemoryDataProvider时复选框没有出现。DataProviderBackEndDataProvider

以下代码创建了两个网格,它们仅在使用 InMemory 还是 BackEnd 方面有所不同:

以下是网格的渲染方式: 截屏

我是否错过了设置基于后端的数据提供程序/网格的关键步骤?相关文档似乎没有解决这个问题。

是否存在与此相关的已知问题?

全选不是按设计提供的吗?显然,这可能与大型数据集上的延迟加载概念产生非常糟糕的交互......

0 投票
2 回答
1045 浏览

javascript - vaadin-grid 选择不起作用

行选择对我不起作用。仅当我一次选择所有内容时, selectedItems 数组才会更改。我不确定我是否做错了什么,或者这是一个错误。

selectedItems:包含所选项目的数组。 https://www.webcomponents.org/element/vaadin/vaadin-grid/elements/vaadin-grid

0 投票
1 回答
2240 浏览

containers - 我可以在 Vaadin 8 中创建没有 bean 类的网格吗?

我正在使用 Vaadin 进行产品开发。到目前为止,我们使用的是 Vaadin 7。

我们需要根据规则以表格形式和图表形式显示数据。用户也可以随时从配置选项中修改规则。所以不能用固定数量的变量定义bean。

在 Vaadin 7 中,我们可以使用容器创建空容器对象并添加列运行时间。但是据我所知,在 Vaadin 8 中不允许。

使用 7 兼容包,它将适用于 7 网格。

scala中的示例我从数据框创建容器

那么我怎样才能在 Vaadin 8 中做同样的事情呢?

任何帮助将不胜感激。

0 投票
1 回答
1243 浏览

java - Java,Vaadin 8,带网格的延迟加载

我正在尝试在 Vaadin 8 中使用 Grid 实现延迟加载。但它只显示一个空表。我做错了什么?另外,如何将要加载的项目数(限制)设置为例如 20 个项目(默认为 40 个项目)?

0 投票
1 回答
716 浏览

java - 有没有办法在可编辑的 Vaadin 8 网格中设置验证和编辑长值

我有一个 Vaadin 8 Grid,我想在其中将一列设置为可编辑。为此,我有 where Food.caloriesis a long (是的,在这种情况下它可能是 int 但请记住,这是一个示例,我的特定用例需要 long):

不幸的是,这不起作用并且有以下错误:

类型参数“C”的推断类型“C”不在其范围内;应该实现'com.vaadin.data.HasValue'

我到处寻找,除了简单的编辑之外,找不到任何示例。演示采样器确实有一个使用滑块的更复杂的示例,但我无法弄清楚如何从该示例中推断出......

我理解错误,它试图将 long 映射到字符串。但是我找不到将转换器添加到 addColumn 以使其工作的方法...

0 投票
1 回答
2269 浏览

vaadin - 刷新网格数据 (Vaadin 8)

我有一个从数据库中获取数据的数据提供程序,并且我将我的数据保存为一个列表。

当我从数据库中删除一些数据时,它不会立即刷新。我必须刷新我的页面才能看到差异。

refreshAll() 根本不起作用。我怎样才能刷新它?