获取数据后访问和刷新dataTable

时间:2012-11-23 15:00:10

标签: jsf primefaces java-ee-6

我的JSF页面有一些问题,并且(可能)有支持bean。我有自己的模板,我用一些页面填充内容区域。我有命令按钮的搜索页面,我想从数据库(JPA)获取数据,而不是填充数据表。 看看我的searchpeople.xhtml:

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

    <ui:define name="content">
        <h:form id="sampleform">  
            <p:accordionPanel activeIndex="-1" id="accordingpanle">  
                <p:tab title="User options" >   
                    <p:growl id="growl" showDetail="true" showSummary="true"/> 
                    <p:commandButton id="searchbutton" action="#{mb_person.search}" value="Szukaj" update="personsearchresulttable" />
                </p:tab>
            </p:accordionPanel>

            <p:dataTable id="personsearchresulttable" var="person" value="#{mb_person.people}" widgetVar="personTable" style="margin-top: 10px" >  
                <p:column headerText="Id" style="width:10%">
                    <h:outputText value="#{person.id}" />  
                </p:column>
                <p:column headerText="Name" style="width:20%">  
                    <h:outputText value="#{person.name}" />  
                </p:column>  
                <p:column headerText="Surname" style="width:20%">  
                    <h:outputText value="#{person.surname}" />  
                </p:column>  
                <p:column headerText="Company">  
                    <h:outputText value="#{person.companyName}" />  
                </p:column> 
                <p:column style="width:4%" headerText="Open">  
                    <h:link outcome="persondetails" value="Open">
                        <!--<f:param name="personid" value="#{person.id}"/>-->
                        <f:param name="personid" value="10076"/>
                    </h:link>
                </p:column>  
            </p:dataTable>  
        </h:form>  
    </ui:define>
</ui:composition>

我的EJB注入EJB。

@ManagedBean(name="mb_person")
public class MB_Person implements Serializable{

    @EJB
    private PersonFacade personFacade;
    private List<PersonAndCompany> people = new ArrayList<PersonAndCompany>();

    public MB_Person() {
    }

    public List<PersonAndCompany> getPeople() {
        return people;
    }

    public void setPeople(List<PersonAndCompany> people) {
        this.people = people;
    }

    public void search() {
        int[] range = {0,5};
        setPeople(personFacade.findPersonWithMoreThanXProjects(20));
        setPeople(personFacade.findPersonAndCompanyName(range));

        for(PersonAndCompany p:people){
            System.out.println(p.getName());
        }
    }
    public String goToPersonDatailPage(int id){
        return "persondetails.jsf?personid="+id;
    }
}

我在方法搜索中尝试了小测试并打印出所有数据,但收到了很好的结果。 有人可以帮我如何使用ajax更新dataTable?在这种形式我有一个例外 找不到标有“personsearchresulttable”的组件,引用自“sampleform:appliedpanle:searchbutton”。

1 个答案:

答案 0 :(得分:2)

相对于父NamingContainer组件搜索相对客户端ID。 <p:accordionPanel>本身就是NamingContainer。因此,将在personsearchresulttable的上下文中搜索相对客户端ID <p:accordionPanel>。但是,它实际上位于<h:form>内的面板之外。

您需要将相对客户端ID更改为绝对客户端ID。

update=":sampleform:personsearchresulttable"

另见: