问题标签 [vaadin-grid]

我过去曾使用一种方法将paper-inputs 设为空白，但是我通常的方法在与 . 结合使用时不起作用Vaadin-grid。

我在这里错过了什么吗？

Vaadin 网格 HTML

我尝试了以下JS：

有什么方法可以让Vaadin-Grid屏幕阅读器用户访问我的内容，甚至可以简单地通过选项卡访问？我在想只有每一行需要标签，而不是每行的每个单元格。我在每一行也有一个复选框，所以这也需要考虑。

任何帮助将不胜感激，请记住，这仍在进行中，因此我将尝试添加ARIA标签和东西。

这是一个带有实际代码的 JSBin

我的vaadin-gridhtml

在 Vaadin 8.1 中，API文档显示Grid我们可以在调用. 但我没有看到任何用于更改渲染器的设置方法。addColumn

有什么方法可以更改 Grid 对象中列上的渲染器？

我如何在 Vaadin 8 滑块中设置字母而不是数字。因为它有一个 setValue 方法，它只接受双数形式的参数。如果有任何其他方式，请告诉我。

我正在编写一个 Vaadin Spring 应用程序，并且存在来自数据库的数据未显示在网格中的问题（= 用于显示表的 Vaadin 8 UI 组件）。

我怀疑错误可能出现在哪里（请参阅我在本文末尾的评论）。

其他一切（除了未在网格中显示的数据）工作正常。数据库表是在 Spring JPA 注释的帮助下自动创建的，网格在 UI 中很好地显示，等等……只有数据库中的数据没有显示在网格中。

对于这个问题，我创建了一个新的迷你项目。您可以在下面找到此迷你项目的代码。用户界面只包含一个网格，它应该显示数据库的内容。（由于 Grid 不显示任何内容，因此 UI 基本上是一个空框架，请参见最后一个屏幕截图）。

这个迷你项目中的问题与原始（更大）项目中的问题相同：数据库中的数据没有显示在网格中。

该迷你项目称为“演示”，是在 SpringInitializr 的帮助下创建的。选定的依赖项显示在以下屏幕截图中：

我的演示应用由 3 个小包组成：model、database_access 和 ui：

该模型由一个名为“Person”的类组成。这是这个文件的代码：

数据库访问包由 3 个文件组成：

PersonRepository、PersonService 和 PersonServiceImpl

... 其中 PersonServiceImpl 是 PersonService 接口的实现。

这是 PersonRepository：

这是人员服务：

这是PersonServiceImpl：

ui包由以下四个文件组成：GUI、PersonsView、PersonsGrid和PersonDataProvider

图形用户界面：

人员视图：

人员网格：

个人数据提供者：

application.properties 文件如下所示：

我在数据库中插入了两个人（比尔和乔治）：

但是，这些人不会显示在网格中，如以下屏幕截图所示：

在为 Grid (PersonGrid) 和 DataProvider (PersonDataProvider) 编写代码时，我遵循了来自 Internet 的示例（例如http://vaadinhelp.co.in/vaadin-dataprovider-example/）

...我的怀疑是这两个文件之一（即PersonGrid 和PersonDataProvider）中缺少或错误的东西。

然而，我不知道是什么。

************************************更新************* ******************************

我在 PersonsView-Class 的初始化函数中添加了以下两行：

重新启动应用程序后，网格中现在有 3 行（一用于标题，一用于“George”，一用于“Bill”）。

但是：行未正确显示，如您在以下屏幕截图中所见：

在左上角，您可以看到三行的开头，但没有显示任何列。

我必须做什么才能正确显示数据？

*******************************更新2****************** ************************

显然，在 ResultSet 关闭后，某些 SQL 操作是不允许的（见下面的截图）。我不知道这意味着什么。

如何在 Vaadin 中设置网格（表格）标题的背景颜色。我尝试使用：

其中 REFERENCES_INCLUDED_COLUMN 具有标题信息，右对齐是 CSS 样式。但我没有工作。

有什么我可以做的css样式吗？

我在两个网格中使用相同的代码，并且在一个表中SelectionMode.MULTI按预期工作，但在我选择它之后（我可以看到选择出现）在另一个网格中，眨眼间该行未被选中。如果我把它带回来，SelectionMode.SINGLE那么一切正常。这种奇怪的行为也存在于多个浏览器中。这是完全相同的代码，一切看起来都是正确的。

因此，我希望得到一些关于从哪里开始调试的帮助？我什至尝试在其中添加钩子，SelectionListener并且它可以正确触发，所以它不像被重新选择（未选择）。我完全不知道在哪里或如何调试这种奇怪的行为......

我还寻找了类似的东西grid.setItems()，除了初始化之外，没有调用 setItems()。

更奇怪的是，我可以选择全部（单击列标题中的框）并选择所有项目。然后我可以取消选择我不想要的行。但是，一旦我取消选择一行，除非我选择全部，否则我将无法再重新选择它...

更新：这个问题变得更奇怪了。一个网格用于发票，另一个用于收据。他们都扩展了同一个父类。发票总是有效，但收据却没有。作为我测试的一部分，我使用了父类并在我的收据网格代码中分配了发票，并且它有效。如果我反其道而行之（发票网格中的收据），我的发票网格中也会出现同样的问题。然后我决定尝试让收据扩展发票，虽然不正确，但确实解决了问题！考虑到这一点，我完全不明白为什么这会解决/导致这个问题！任何关于这怎么可能的想法都是非常的，因为我完全困惑为什么这甚至会发生......

我还在Vaadin 论坛中寻求帮助，您可以在其中看到确切的代码差异。

在 Vaadin 8 中，对 Grid 行进行排序就像单击列标题一样简单。如此处所述，这将在升序和降序排序之间切换列。这在通过grid.setItems()方法填充 Grid 时有效。

但是，当使用 aDataProvider作为 Grid 数据源时，单击列标题不会对行进行排序。

这里有关于排序顺序的文档，用DataProviders 描述，但在有多个排序要求时处理排序顺序。

是否有一种简单的方法可以简单地使用 Grid 填充时显示的相同默认排序行为grid.setItems()for 当我们填充时grid.setDataProvider()？

您好我正在尝试在 Vaadin 框架中编写一个网格过滤器。我的目标是用户有一个带有下拉列表的组合框，并且可以选择他只想查看 3、6、9 周前的条目。我写了它，但我有一个问题，因为它不能用作默认过滤器。我的意思是，如果我打开一个页面，则显示的网格没有过滤器。我需要先点击按钮。是否可以默认过滤网格，仅显示 3 周条目？我该如何管理它？

...

在尝试删除条目时，我遇到了聚合物和应用程序存储的问题。我正在尝试向 Vaading Grid 添加一个按钮，该按钮将删除设置按钮的条目。唯一的问题是，当我单击按钮时，我似乎无法使其工作，甚至 console.log 也不起作用。我在这里做错了什么？

这是代码：

所以 _addToDo 按钮有效，但 _remove 按钮无效。当我打开控制台时，这是空的。

请让我知道我在这里做错了什么。谢谢！