如何在GWTBootstrap中刷新/更新Popover？

Question

我使用GWTBootstrap3 v0.9.1。

我想要显示一个内容存储在数据库中的波波夫。因此，当用户第一次悬停一个元素时，就会显示带有Please wait...信息的Popover。同时，我从数据库中获得适当的文本，并希望用新的内容替换Popover的内容。

我认为这段代码能起作用：

popover.setContent(newText);
popover.reconfigure();

但是它不起作用:弹出窗口消失了，不再显示了。

我知道有用于引导用户的解决方案，但是当我使用GWT-Bootstrap时，我想在不使用jQuery的情况下在GWT中这样做。

Answer 1

我遵循@Knarf的建议，使用本机方法，因为我找不到纯GWT解决方案：

private native void updatePopover(Element element, String popoverHtml, boolean shown) /*-{
    var $popover = $wnd.jQuery(element);
    $popover.data('bs.popover').options.content = popoverHtml;
    if(shown)
        $popover.popover('show');
}-*/;

其中：

• element是popover小部件的元素(具有popover的元素)
• popoverHtml是新的内容
• shown指示更新过程中是否可见弹出。

我通过ShowHandler和HideHandler跟踪可见状态：

uiPopover.addShowHandler(new ShowHandler() {
    @Override
    public void onShow(ShowEvent event) {
        popoverVisible = true;
    }
});
uiPopover.addHideHandler(new HideHandler() {
    @Override
    public void onHide(HideEvent event) {
        popoverVisible = false;
    }
});

编辑：最好使用ShowHandler和HideHandler，而不是ShownHandler和HiddenHandler。

Answer 2

在这种情况下，我只需要编写本地javascript方法就可以实现jquery。

更好的是，我在库本身中更改它，并执行一个拉请求，以便将其合并到主回购中。

我在过去为GWT-Bootstrap3做了类似的事情，它很快就被合并到了主回购中。

Answer 3

这个问题已经得到了回答，但是有一个GWT的工作。当isAnimated属性为true时，重新配置方法不能很好地工作。只需在初始化时关闭它。