无法使用onclick更新引导模式

时间:2017-10-17 20:46:51

标签: jsf modal-dialog bootsfaces ajax-update

目前我正在尝试打开一个模式对话框,其中包含一个填充了来自支持bean的值的表单。当每个按钮与表中的条目链接时,使用按钮中提供的对象加载(或者应该加载,因为当前不工作)。该按钮的当前代码如下:

触发事件的模式和按钮位于同一页面上,但此页面有2个bean。一个用于模态,一旦你点击按钮(用于修改给定的对象),另一个用于打印主窗口中的所有数据。

基本上我要做的是将实例化一个传递给定对象的bean传递给第二个bean通过请求获得的@PostConstruct方法,并在所有进程完成后显示模态,刷新模态,然后显示出来。

<b:button value=""
    icon-size="2x"
    onclick="#{bean.dummy()}"
    style="height: 64px; width: 64px; float: right; border: none; margin-top: 25px; border-radius: 0px;"
    oncomplete="$('.config_modal').modal()">
        <f:param name="action" value="#{bean.value}" />
</b:button>

除了该代码之外,我还尝试了下面列出的几项修改。前一个是最新的。

  • 以前,JS modal()来电是在&#39; onclick&#39;事件&#39;
  • 添加了一个&#39;虚拟&#39;方法作为模态对话框永远不会显示实际代码,因为我认为我需要一种触发器。
  • 它不是b:commandButton,因为它刷新了整个页面,对话框从未显示过。

1 个答案:

答案 0 :(得分:0)

页面重新加载后,oncomplete不会触发。你需要使用ajax。例如<h:form><b:commandButton value="click" action="#{bean.dummy}" oncomplete="$('.config_modal').modal('true');"><f:ajax render="@form"/></b:commandButton></h:form>。您要重新绘制的页面的任何部分都必须位于<h:form>