如何访问组件列？

发布于 2025-01-31 18:20:07 字数 562 浏览 4 评论 0原文

我有一个添加一个组件列的网格。对于每行，我在该列上设置一个图标。

因此，可能有图标“ plus”的第1行，并带有图标“打印”第2行。我需要根据那些图标对网格进行排序，例如单击列，并首先带有“打印”图标的所有行，稍后使用“ Plus”图标的图标，反之亦然。

我找不到一种访问具有特定图标编程的行的方法，而列甚至不是基础数据提供商的一部分。它不仅是图标。要使用它并用列替换为存储整数的列。通过迭代该网格或DataProvider，无法通过迭代来获得该值。

我想这样做。对它们进行排序。在具有“ plus”图标的行上环上，以在基础数据集或网格上的字段/列中分配值1，而对于“ print''分配0。我想这样做，以便我可以按该值对行进行排序。因此，第0行首先出现，然后再进行1行，因为我认为这是这样做的方式。

很抱歉，如果听起来确实令人困惑，但是本质上，我需要找出如何使用Vaadin访问一排的字段/列，并在基础数据集中更改该值，或访问网格上的行并获取列值。

另外， AddComponentColumn 和 AddColumn 有什么区别？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

淡墨 2025-02-07 18:20:07

您正在从错误的方向来解决这个问题。您的组件渲染器正在使用一些数据来确定要渲染的图标。因此，您希望根据使用的数据确定渲染图标，而不是检查已渲染的图标，而是要对网格进行排序。检查单元格的渲染内容也不适用于大型网格，因为该组件仅呈现当前在视口中可见的行，而排序应考虑所有行。

文档中有一个示例演示了如何在使用自定义渲染器的列上设置排序比较器（链接部分中的第二个示例）： https://vaadin.com/docs/latest/ds/components/grid/prid/#sorting 。

链接示例中的示例代码：

Grid<Person> grid = new Grid<>(Person.class, false);
grid.addColumn(createEmployeeRenderer()).setHeader("Employee")
        .setAutoWidth(true).setFlexGrow(0)
        .setComparator(Person::getLastName); // Specify property to sort by,
                                             // or implement a custom comparator

You are approaching that problem from the wrong direction. Your component renderers are using some data to determine which icon to render. So instead of checking which icon has been rendered, you want to sort the grid based on the data that is used determine the rendered icon. Checking the cell's rendered content would also not work for large grids, as the component only renders the rows that are currently visible in the viewport, while sorting should take into account all the rows.

There is an example in the documentation that demonstrates how to set a sort comparator on a column that uses a custom renderer (second example in the linked section): https://vaadin.com/docs/latest/ds/components/grid/#sorting.

Example code from the linked example:

Grid<Person> grid = new Grid<>(Person.class, false);
grid.addColumn(createEmployeeRenderer()).setHeader("Employee")
        .setAutoWidth(true).setFlexGrow(0)
        .setComparator(Person::getLastName); // Specify property to sort by,
                                             // or implement a custom comparator

回复收藏 0 原文

~没有更多了~