3 回答
TA贡献1803条经验 获得超6个赞
我已经为 CellTable 或 DataGrid 小部件完成了此操作,但没有为 FlexTable 完成此操作。对于前者,我将一个处理程序对象应用于整个网格小部件,并使用该事件计算出事件发生的行或单元格。我看不出如何使用 FlexTable 完成此操作。
使用 FlexTable 时,一个技巧是为每个单元格创建一个处理程序对象,并在创建时告诉它单元格/行。是这样的:
cell.addDomHandler(new ContextMenuHandler() {
@Override
public void onContextMenu(ContextMenuEvent event)
{
// stop the browser from opening the context menu
event.preventDefault();
event.stopPropagation();
NativeEvent nativeClickEvent = event.getNativeEvent();
displayPopupMenuForCell(cell, nativeClickEvent);
}
}, ContextMenuEvent.getType());
在上面,cell需要是一个Widget。因此,您需要获取 HTMLTable 中的元素(FlexTable 扩展了 HTMLTable,这是一个普通的 HTML 表格元素)并将其包装为一个 Widget。我不确定该怎么做,但这是可能的。
另一件事,您需要防止浏览器弹出自己的上下文菜单。我将其添加到body标签中的 html 文件中:
<body oncontextmenu="return false" >
TA贡献1780条经验 获得超3个赞
实际上你可以使用点击处理程序来检查点击了哪个按钮,左,右或中间你需要做的是这样的:
Button button= new Button();
button.addClickHandler(event -> {
NativeEvent nativeEvent = event.getNativeEvent();
if(NativeEvent.BUTTON_RIGHT == nativeEvent.getButton()){
event.stopPropagation();
//do something
}
});
TA贡献2019条经验 获得超9个赞
如果您使用 CellTable 或 DataGrid Widget,您可以处理CellPreviewEvent单击单元格时触发的 ,它还可以告诉您事件发生在哪一行/单元格中。这是一些代码:
private void makeItemRightClickListener()
{
grid.addCellPreviewHandler(new CellPreviewEvent.Handler<T>() {
@Override
public void onCellPreview(CellPreviewEvent<T> event)
{
if (event.getNativeEvent().getButton() !=
NativeEvent.BUTTON_RIGHT)
return;
// Prevent browser's own context menu from appearing
event.getNativeEvent().preventDefault();
event.getNativeEvent().stopPropagation();
handleItemRightClickEvent(event);
}
});
}
private void handleItemRightClickEvent(CellPreviewEvent<T> event)
{
NativeEvent nativeClickEvent = event.getNativeEvent();
// Get the data (type T) that is being displayed in the cell
// by the CellTable or DataGrid widget.
T rowClicked = event.getValue();
// Create PopupPanel for menu
PopupPanel popup = ...
// Show the popup menu at the click position
UIObject target = new MousePointUIObject(nativelickEvent);
popup.showRelativeTo(target);
}
private static class MousePointUIObject extends UIObject
{
private NativeEvent mouseEvent;
public MousePointUIObject(NativeEvent mouseEvent)
{
this.mouseEvent = mouseEvent;
}
@Override
public int getAbsoluteLeft()
{
return mouseEvent.getClientX() + Window.getScrollLeft();
}
@Override
public int getAbsoluteTop()
{
return mouseEvent.getClientY() + Window.getScrollTop();
}
@Override
public int getOffsetWidth()
{
return 0;
}
@Override
public int getOffsetHeight()
{
return 0;
}
}
添加回答
举报