如何将js函数返回的数据包含在jsf/primefaces中同一页面上的确认对话框中

Question

可能的重复：
显示来自具有primefaces确认对话框组件的托管bean的消息

设置：jsf2和素数面。

我的xhtml页面包括一个画布，上面有一个图形。用户可以点击图形的某个区域，这会调用一个js函数，该函数返回一个特定于该区域的字符串，我们称之为"textFromClickedRegion"。此字符串存储在inputHidden字段中。

javascript中的下一行将包含inputhidden字段的表单提交给一个bean，并打开一个confirmDialog(在素数面中)，其中包含一个应该由bean中的字符串自定义的头。

问题：对话框打开，但字符串从未获得bean的值(它只是textFromClickedRegion)。

js脚本：

textFromClickedRegion = region.getText();
document.getElementById('formId:nameClicked').value = textFromClickedRegion;
document.getElementById('formId:submitNameClicked').click();

xhtml：

<h:form id="formId">
<h:inputHidden id="nameClicked" value="#{reportBean.nameClicked}"/>
<p:commandButton id="submitNameClicked" type="button" process="@form" onclick="cd.show();"/>
</h:form>
<p:confirmDialog id ="dialogBox" message="#{reportBean.nameClicked}, are you sure about destroying the world?"
header="Initiating destroy process" severity="alert"
widgetVar="cd">
<p:commandButton value="Yes Sure" oncomplete="confirmation.hide();"/>
<p:commandButton value="Not Yet" onclick="confirmation.hide();" type="button" />
</p:confirmDialog>

如何让confirmDialog显示js函数返回的字符串？

[注意：你会意识到，以上是Primefaces手册和BalusC关于客户端和服务器与jsf/js之间通信的帖子的混合——感谢他]。

Answer 1

下面是一个工作示例：

import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
@ManagedBean
@ViewScoped
public class Bean {
private String value;
@PostConstruct
public void postConstruct() {
value = "SERVER SIDE VALUE";
}
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
}

<h:head>
<script>
function updateElementValue(id,value){
document.getElementById(id).value = value;
}
</script>
</h:head>
<h:body>
<h:form id="form" prependId="false">
<p:commandButton value="UPDATE CLIENT SIDE VALUE OF INPUT-HIDDEN"
onclick="updateElementValue('nameInputHiddenId',
'CLIENT SIDE VALUE');
return false;"/>
<p:commandButton value="UPDATE SERVER SIDE VALUE OF INPUT-HIDDEN" 
process="@form" 
update="dialogId" 
oncomplete="dialogWidgetVar.show();" />
<h:inputHidden id="nameInputHiddenId" value="#{bean.value}" />
<p:dialog id="dialogId" widgetVar="dialogWidgetVar">
<h:outputText id="nameOutputTextId" value="#{bean.value}" />
<p:commandButton value="Yes" onclick="dialogWidgetVar.hide();" />
<p:commandButton value="No" onclick="dialogWidgetVar.hide();"/>
</p:dialog>
</h:form>
</h:body>