Vaadin：带有表事件处理的选项卡

Question

我们在 Vaadin 中实现了一个选项卡视图，其中每个选项卡都有一个扩展 Table 类的实例。

在我们的表中，我们添加了一个监听 ENTER 按键的快捷监听器。一旦按下回车键，表格就变得可编辑或不可编辑。

我们的问题是这样的：如果我们使 Table(1) 可编辑并切换选项卡，则旧选项卡中的 Table(1) 仍然控制 ENTER 事件，因此我们无法在新选项卡中执行新的 ENTER 按键事件表（2）并使表（2）可编辑。

是否有某种方法可以将某种事件绑定到表，该表显示如下内容：

 If Table.focus() is false then
     release event.ENTER 

或者是否有其他方法，例如Table.OnFocus () 你可以控制什么。

Answer 1

我认为问题在于快捷方式侦听器附加到表的父窗口/面板，而不是表本身（处理快捷方式操作的 Vaadin 方式）。

因此，尝试用面板包裹每个表格（如果您不需要额外的边框，则为“浅色”样式），然后看看这是否有帮助。

否则，我认为每次更改选项卡时都需要添加/删除单独的表快捷方式处理程序。

Answer 2

所以我解决这个问题的方法是按照 Jouni 的建议清除并添加操作处理程序。

这是代码示例：

来自扩展 Table 的类

public void initTableListeners(){
    extValueChangeListener = new ExtendedValueChangeListener();
    extMouseListener = new ExtendedMouseListener();
    extShortcutListener = new ExtendedShortcutListener("enter", KeyCode.ENTER);

    setTableListeners();
}

/**
 * Registers the default listeners to the table.
 */
public void setTableListeners(){        
    if(!hasListeners(extValueChangeListener.getClass())){           
        addListener(extValueChangeListener);
    }
    if(!hasListeners(extMouseListener.getClass())){         
        addListener(extMouseListener);
    }
    if(!hasListeners(extShortcutListener.getClass())){          
        addShortcutListener(extShortcutListener);
    }
}

/**
 * Clears the listeners registered to the table.
 */
public void clearTableListeners(){
        removeListener(extValueChangeListener);
        removeListener(extMouseListener);
        removeShortcutListener(extShortcutListener);

}

@Override
public EditTable getTable() {       
    return this;
}

，这是来自选项卡侦听器：

class ExtendedSelectedTabChangeListener implements SelectedTabChangeListener{
        @Override
        public void selectedTabChange(SelectedTabChangeEvent event) {
            // clear old tables listeners
            if(currentTab != null){
                Component table = currentTab.getComponent();
                if(table instanceof EditTableInterface){
                    ((EditTableInterface) table).getTable().clearTableListeners();
                }
            }

            // add new listeners to new table
            currentTab = tabsheet.getTab(tabsheet.getSelectedTab());
            if(currentTab != null){
                Component table = currentTab.getComponent();
                if(table instanceof EditTableInterface){
                    ((EditTableInterface)table).getTable().setTableListeners();
                }
            }
        }

    }