Primefaces Dialog不会更新编辑字段

时间:2015-05-20 19:09:06

标签: primefaces dialog jsf-1.2

我在Primefaces上做了一个页面。它有一个单选的数据表,当我在按钮上做clic时,会显示一个对话框。

如果他的对话框只显示带有ouputtext的标签,它可以正常工作,但如果我更改了inputtexts的标签,该按钮不会更新对话框。

这是mi xhtml文件:     

    <p:dataTable id="deportes" var="deporte" value="#{deporteBean.deportesModel}" rowKey="#{deporte.idDeporte}" 
             selection="#{deporteBean.deporteActual}" selectionMode="single">

        <f:facet name="header">
            <h:outputLabel value="#{messages.sports_info_edit}"/>            
        </f:facet>

        <p:column headerText="#{messages.sports_general_name}">
            #{deporte.idDeporte}
        </p:column>

        <p:column headerText="#{messages.sports_general_name}">
            #{deporte.nombre}
        </p:column>

        <p:column headerText="#{messages.sports_general_description}" >
            #{deporte.descripcion}
        </p:column>

        <f:facet name="footer">
                <p:commandButton  action="#{deporteBean.updateInfo}"  actionListener="#{deporteBean.updateInfo}" id="viewButton"  value="#{messages.sports_info_viewDetail}" icon="ui-icon-search"
                    oncomplete="deporteDialog.show()" update=":form:display" />                                         
    </f:facet>
</p:dataTable>

<p:dialog id="dialog" header="Detalle del deporte" widgetVar="deporteDialog" resizable="false" 
          width="400" showEffect="clip" hideEffect="fold" modal="true"> 

    <h:panelGrid id="display" columns="2" cellpadding="4" >

        <f:facet name="header">
            <h:outputText value="#{deporteBean.deporteActual.nombre}" />
        </f:facet>

        <h:outputText value="Id" />
        <h:outputText value="#{deporteBean.deporteActual.idDeporte}"  />

        <h:outputText value="Nombre:" />
        <h:outputText id="txtNombre" value="#{deporteBean.deporteActual.nombre}" />            

        <h:outputText value="Descripcion:" />
        <h:inputText value="#{deporteBean.deporteActual.descripcion}" />
    </h:panelGrid>



    <p:commandButton id="aceptarButton" value ="#{messages.sports_info_save}" icon="ui-icon-disk"
        action="#{deporteBean.save}" immediate="true"
        update=":form:display" oncomplete="deporteDialog.hide()">
    </p:commandButton>
</p:dialog>

这是我的Bean(在faces.config.xml中,他的范围是视图):

package com.sportsWorld.web.view;
import java.util.ArrayList;
import java.util.List;
import dtorres.gymAdmin.dto.*;
public class DeporteBean {
private List<Deporte> deportes;
private Deporte deporteActual;
private DeporteDataModel deportesModel;

public DeporteBean (){
    deportes = new ArrayList<Deporte>();
    deportes.add(new Deporte(1,"Tenis de mesa","Velocidad, precisión, concentración y reacción en el deporte más difícil del mundo."));
    deportes.add(new Deporte(2,"Fútbol 5","Lo mejor del deporte rey en un espacio pequeño"));
    deportes.add(new Deporte(3,"Escalada","Fuerza, concentración y equilibrio se ponen a prueba en este magnfífico deporte para quienes no temen a las alturas"));
    deportes.add(new Deporte(4,"Natación","Bla bla bla"));
    deportes.add(new Deporte(5,"Gimnasio","Bla bla bla"));
    deportes.add(new Deporte(6,"Spinning","Bla bla bla"));
    deportes.add(new Deporte(7,"Bolos", "Bla bla bla"));
    deporteActual = null;
    deportesModel = new DeporteDataModel(deportes);
}

public List<Deporte> getDeportes() {
    return deportes;
}



public void setDeportes(List<Deporte> deportes) {
    this.deportes = deportes;
}



public Deporte getDeporteActual() {
    return deporteActual;
}



public void setDeporteActual(Deporte deporteActual) {
    this.deporteActual = deporteActual;
}



public DeporteDataModel getDeportesModel() {
    return deportesModel;
}



public void setDeportesModel(DeporteDataModel deportesModel) {
    this.deportesModel = deportesModel;
}

public void save(){
    System.out.println(deporteActual.getNombre());
}


public void updateInfo(){
    System.out.println("Entra a UpdateInfo");
    System.out.println("UpdateInfo + " + deporteActual.getNombre());
}

}

updateInfo方法仅用于调试目的,重点是当我更改行时 在xhtml中它工作正常...非常感谢!!

抱歉我的英文!

1 个答案:

答案 0 :(得分:1)

我找到了解决方案。 xhtml文件中的更改为:

 <p:dataTable id="deportes" var="deporte" value="#{deporteBean.deportesModel}" rowKey="#{deporte.idDeporte}"  scrollWidth="true" 
             selection="#{deporteBean.deporteActual}" selectionMode="single"
             >
            <p:ajax event="rowSelect" listener="#{deporteBean.updateInfo}"  update=":form:display"/>  
            <f:facet name="header">
                <h:outputLabel value="#{messages.sports_info_edit}"/>            
            </f:facet>

            <p:column headerText="#{messages.sports_general_name}">
                #{deporte.idDeporte}
            </p:column>

            <p:column headerText="#{messages.sports_general_name}">
                #{deporte.nombre}
            </p:column>

            <p:column headerText="#{messages.sports_general_description}" >
                #{deporte.descripcion}
            </p:column>

            <f:facet name="footer">
                    <p:commandButton  actionListener="#{deporteBean.updateInfo}" 
                                      id="viewButton"  
                                      value="#{messages.sports_info_viewDetail}" 
                                      icon="ui-icon-search"
                                      oncomplete="PF('deporteDialog').show()" 
                                      update=":form:display"/>
            </f:facet>
    </p:dataTable>

注意<p:ajax>标签..似乎空白输入字段正在更新bean中的值...这个ajax动作,现在我用bean的值更新字段。< / p>