使用Vaadin Flow(11.0.0)时,应该可以将Grid
与ContextMenu
(1.0.0)一起使用。参见问题https://github.com/vaadin/vaadin-context-menu-flow/issues/5。
这是我到目前为止所拥有的:
@Route("menu")
public class MenuTestView extends VerticalLayout {
public MenuTestView() {
final Grid<String> g = new Grid<>();
g.setWidth("20em");
g.addColumn(s -> s).setHeader("Word");
g.addColumn(s -> s.length()).setHeader("Length");
g.setItems("The quick brown fox jumps over the lazy dog".split("\\s+"));
final Label label = new Label();
final ContextMenu contextMenu = new ContextMenu();
contextMenu.setTarget(g);
contextMenu.addItem("Item 1", e -> label.setText(e.getSource().getText()));
contextMenu.addItem("Item 2", e -> label.setText(e.getSource().getText()));
add(g, label);
}
}
问题:
ContextMenu
仅应将鼠标悬停在选定的行上才能启用。如何实现这一目标?答案 0 :(得分:3)
vaadin-grid-flow 1.2带来了专门的支持,以使Grid和上下文菜单一起播放。它是三天前发布的。可以使它们之前一起工作,但是事件并没有说明上下文菜单在哪个项目上触发。参见https://github.com/vaadin/vaadin-grid-flow/blob/master/src/test/java/com/vaadin/flow/component/grid/it/ContextMenuGridPage.java
您可以通过将以下内容添加到pom来将网格升级到1.2。
<dependency>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-grid-flow</artifactId>
<version>1.2.0</version>
</dependency>
下面是测试中的示例用法:click
GridContextMenu<Person> contextMenu = grid.addContextMenu();
contextMenu.addItem("Show name of context menu target item", e -> {
String name = e.getItem().map(Person::getName)
.orElse("no target item");
message.setText(name);
});