无法使用 onclick 更新 bootstrap 模态
Unable to update bootstrap modal with onclick
目前我正在尝试打开一个模式对话框,其中包含一个表单,其中填充了来自支持 bean 的值。该 bean 使用按钮中提供的对象加载(或应该加载,因为目前不工作),因为每个按钮都与 table 中的条目链接。按钮的当前代码如下。
modal和触发事件的button在同一个页面,但是这个页面有2个bean。一个用于单击按钮后应立即显示的模式(用于修改给定对象),另一个用于打印主要 window.
中的所有数据
基本上我想做的是实例化一个 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()
调用是在 'onclick' 事件中'。
- 添加了一个 'dummy' 方法,因为模态对话框从未与实际代码一起显示,因为我认为我需要一种触发器。
- 它不是
b:commandButton
,因为它会刷新整个页面,并且不会显示对话框。
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>
内
目前我正在尝试打开一个模式对话框,其中包含一个表单,其中填充了来自支持 bean 的值。该 bean 使用按钮中提供的对象加载(或应该加载,因为目前不工作),因为每个按钮都与 table 中的条目链接。按钮的当前代码如下。
modal和触发事件的button在同一个页面,但是这个页面有2个bean。一个用于单击按钮后应立即显示的模式(用于修改给定对象),另一个用于打印主要 window.
中的所有数据基本上我想做的是实例化一个 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()
调用是在 'onclick' 事件中'。 - 添加了一个 'dummy' 方法,因为模态对话框从未与实际代码一起显示,因为我认为我需要一种触发器。
- 它不是
b:commandButton
,因为它会刷新整个页面,并且不会显示对话框。
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>