将Vaadin`TabSheet`选项卡打开到一个单独的窗口中

时间:2015-09-16 21:27:52

标签: tabs vaadin vaadin7

我想让我的用户选择在自己的窗口中打开一个标签,而不是仅仅将当前窗口的显示切换到该标签。我的应用程序中有很多选项卡,用户经常想要长时间研究其中的一些选项卡。例如,用户可以通过推送观看随时间更新的图表。

目前我添加一个"打开窗口"按钮到标签的布局。这将打开一个新的浏览器窗口,其中包含当前选项卡的布局。

还有其他办法吗?标签本身的上下文菜单?用户在单击选项卡时按住键盘修改器(控制键,Command键,Option / Alt键)?

1 个答案:

答案 0 :(得分:1)

实际上,有一招:

tabSheet.setCloseHandler((tabsheet, tabContent) -> {/** make new window **/});

当然,如果tabSheetcloseable,则有效。 因此,如果有人点击关闭按钮,那么你可以自己做逻辑 - 在这个例子中打开新窗口。

但这可能会产生误导。要解决此问题,您可以将x的隐藏字幕替换为任何其他更有意义的符号。

例如,请查看Valo TabSheet demo。如果您查看HTML代码,请注意以下内容:

<span class="v-tabsheet-caption-close" aria-hidden="true" aria-disabled="true">×</span>

我认为您可以使用JavaScript来更改此x