Vaadin 7 和浏览器 url 更新

标签 vaadin vaadin7

我的 Vaadin 7 应用程序不会对浏览器 url 更改使用react。例如,我从键盘输入一个新的 url 参数并按下 Enter 键,之后什么都没有改变。

应用程序仅对 F5 或页面刷新按钮作出 react 。

如何让 Vaadin 7 应用程序在 url 更新后响应 Enter 键?

已更新

我正在使用 Vaadin com.vaadin.navigator.Navigator 对象。

例如我有一个网址:http://example.com/#!products/30970

当我更改浏览器地址栏中的 url(例如更改为 http://example.com/#!products/34894 )并按回车键时,我想更改我页面上的信息以显示有关 ID 为 34894 的产品的信息,而不是具有先前 ID 的产品30970.

Vaadin Navigator 和 UriFragmentChangedListener

现在我正在使用 Vaadin Navigator 来定义 View :

    Navigator navigator = new Navigator(this, viewDisplay);

    navigator.addView("products", ProductView.class);

第一次在网络浏览器中,我成功地能够使用产品 id 参数访问此 View ,例如通过以下 url:

http://example.com/#!products/30970

ProductView 是第一次构建,在其 public void enter(ViewChangeListener.ViewChangeEvent event) 方法中我能够获取 uri 参数。

但在那之后,当我将此 url 中网络浏览器地址栏中的产品 ID 更改为另一个时(例如更改为 30971 以显示其他产品的信息):

http://example.com/#!products/30971

然后按 Enter 键, View 不会刷新并且不会对这些更改使用react..

正如评论中所建议的,我添加了 UriFragmentChangedListener 监听器,现在至少能够处理 URL 片段更改(在按下 Enter 键后)。

现在,我的逻辑必须对这些变化使用react,我正在寻找一种正确的方法来在 Vaadin 7 中实现它。

所以,如果我理解正确 - 除了 Navigator 逻辑之外,我还必须使用这个监听器,并且在这个监听器逻辑内部,我必须获得对适当 View 的引用(navigator.getCurrentView() ?)对象并在此对象上调用某些方法,以便在不重建完整 View 的情况下更改内部 View 状态?如果我是对的 - Vaadin 中是否有一些标准机制来简化这项工作?

最佳答案

除了手动将 UriFragmentChangeEvent 传递给您的 View 之外,我想不出其他方法。我猜 Vaadin API 不能自动完成。

public class MyUI extends UI{

    @Override
    protected void init(final VaadinRequest request) {

        /*
         * UriFragmentChangedListener
         * when URL+Parameter manuell eingegeben werden 
         */
        getPage().addUriFragmentChangedListener(new UriFragmentChangedListener() {

            @Override
            public void uriFragmentChanged(UriFragmentChangedEvent event) {

                View currentView = getNavigator().getCurrentView();
                if(currentView != null){

                    if(currentView instanceof UriFragmentChangedListener){
                        ((UriFragmentChangedListener)currentView).uriFragmentChanged(event); //custom method
                    }

                }
            }
        });
    }
}

要使此工作正常,请将 UriFragmentChangedListener 添加到您的 ProductView:

public class ProductView extends CustomComponent implements View, UriFragmentChangedListener {

}

关于Vaadin 7 和浏览器 url 更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38423836/

相关文章:

gwt - 如何在 Vaadin 应用程序中为 ajax 添加 Adsense?

java - 更改列名称 - Vaadin 7.8.4

java - 随机元素作为输入并获取值

java - 将线程与 Vaadin 一起使用?

java - 我如何从 WEB-INF 目录加载图像 [Openshift :Vaadin]

javascript - 如何克隆/复制 DOM 节点的影子 Dom?

javascript - 瓦丁 : How to trigger change events by javascript?

vaadin - 在 Vaadin Grid 中右对齐列内容?

session - Vaadin 在另一个浏览器/选项卡/系统中关闭同一用户的 UI

java - Vaadin 创建模态对话框窗口