Anchor-like Vaadin 中的功能到 jump/scroll 到某一点
Anchor-like functionality in Vaadin to jump/scroll to a certain point
当按钮或 link 组件时,vaadin 是否有一种方法可以滚动或跳转到视图(例如 Panel
)内的某个点(例如 Label
)被点击?类似于网站上的锚点功能?
我正在使用 Vaadin 7.5.9
编辑:
我有一个HorizontalSplitPanel
。它的第一个组件是一个项目列表,用户可以在其中进行选择。是选择的项目 HorizontalSplitPanel
打开的第二个组件。第二个组件由包含标题和菜单的 VerticalLayout
以及 Panel
组成。如果菜单中有选择,Panel
应该滚动到所引用的条目。
UI class 上有一个 API 叫做 scrollIntoView(Component)
。是这样叫的
private Label result;
public void scrollToResult() {
UI.getCurrent().scrollIntoView(result);
}
您还可以从 Java Vaadin 代码执行 JS 代码以滚动到组件。
UI.getCurrent().getPage().executeJs("arguments[0].scrollIntoView(true);", componentToScrollTo);
当按钮或 link 组件时,vaadin 是否有一种方法可以滚动或跳转到视图(例如 Panel
)内的某个点(例如 Label
)被点击?类似于网站上的锚点功能?
我正在使用 Vaadin 7.5.9
编辑:
我有一个HorizontalSplitPanel
。它的第一个组件是一个项目列表,用户可以在其中进行选择。是选择的项目 HorizontalSplitPanel
打开的第二个组件。第二个组件由包含标题和菜单的 VerticalLayout
以及 Panel
组成。如果菜单中有选择,Panel
应该滚动到所引用的条目。
UI class 上有一个 API 叫做 scrollIntoView(Component)
。是这样叫的
private Label result;
public void scrollToResult() {
UI.getCurrent().scrollIntoView(result);
}
您还可以从 Java Vaadin 代码执行 JS 代码以滚动到组件。
UI.getCurrent().getPage().executeJs("arguments[0].scrollIntoView(true);", componentToScrollTo);