5

我尝试从 primefaces 站点中获取示例。使用 Dialog Framework - Basic

    <p:commandButton value="Options" icon="ui-icon-extlink" action="#{dialogBean.viewCarsCustomized}" />

Bean DialogBean

公共类 DialogBean { 

public String viewCarsCustomized() {  
    return "dialog:viewCars?modal=true";  
}

}

viewCars.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:ui="http://java.sun.com/jsf/facelets"  
    xmlns:p="http://primefaces.org/ui">  

    <h:head>  

    </h:head>  

    <h:body>  
        <p:dataTable var="car" value="#{tableBean.carsSmall}">  
            <p:column headerText="Model">  
                <h:outputText value="#{car.model}" />  
            </p:column>  

            <p:column headerText="Year">  
                <h:outputText value="#{car.year}" />  
            </p:column>  

            <p:column headerText="Manufacturer">  
                <h:outputText value="#{car.manufacturer}" />  
            </p:column>  

            <p:column headerText="Color">  
                <h:outputText value="#{car.color}" />  
            </p:column>  
        </p:dataTable>  
    </h:body>  

</html>

这是 My Bean 上的示例。我试试这样

public String viewComposant(){
        return "dialog:AjoutC?modal=true"; 
    }

它不起作用，我尝试这样做。但每次都出错

Impossible de trouver un cas de navigation 对应 depuis l'ID de vue '/pagess/Parsing/ReacgModule.xhtml' pour l'action '#{parserXls.viewComposant()}' avec le résultat 'dialog:/pagess/pagesComposant/AjoutC .jsf?modal=true'。

public String viewComposant(){
        return "dialog:/pagess/pagesComposant/AjoutC.jsf?modal=true"; 
    }

但是当我这样做时，页面会返回但不是我喜欢的

public String viewComposant(){
            return "/pagess/pagesComposant/AjoutC.jsf"; 
        }
4

1 回答 1

6

3.5版本的primefaces

PrimeFaces 4.0 中引入了“对话框框架”的dialog:导航结果前缀，在旧版本中不起作用。

所以，你有两个选择：

  1. 升级到 PrimeFaces 4.0（注意：目前仍处于测试阶段）
  2. dialogWidgetVar.show()使用JavaScript 或visible="#{someCondition}JSF中的“旧”方法。另请参阅PrimeFaces 展示中的<p:dialog>示例。

更新：根据评论，这里是你如何widgetVar在 JS 中使用它的方法：

<p:button value="Open dialog" onclick="w_dialog.show(); return false;" />
<p:dialog widgetVar="w_dialog">
    <p>Dialog's content.</p>
<p:dialog>

visible以下是在 JSF 中使用该方法的方法：

<h:form>
    <p:commandButton value="Open dialog" action="#{bean.showDialog}" update=":dialog" />
</h:form>
<p:dialog id="dialog" visible="#{bean.showDialog}">
    <p>Dialog's content.</p>
<p:dialog>

和

private boolean showDialog;

public void showDialog() {
    showDialog = true;
}

public boolean isShowDialog() {
    return showDialog;
}

如有必要，您可以移动<p:dialog>到您包含的包含文件中<ui:include>。

于 2013-05-21T14:17:55.800 回答