0

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

设置：jsf 2 和 primefaces。

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

javascript 中的下一行将包含 inputhidden 字段的表单提交给 bean，并打开一个 confirmDialog（在 primefaces 中），其标题应由 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 之间的通信的帖子的混合 - 感谢他]。

4

1 回答 1

0

这是一个工作示例：

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>
于 2012-10-08T13:27:27.080 回答