Таблица данных PrimeFaces не отображается при наличии атрибута привязки - PullRequest
Новая
       39

Таблица данных PrimeFaces не отображается при наличии атрибута привязки

0 голосов
/ 07 октября 2011

Я создаю таблицу данных с двумя таблицами данных внутри:).

Но на этот раз у меня возникла проблема с его рендерингом, когда я пытаюсь использовать атрибут связывания в h: panelGroup, который оборачивает первый dataTable. Я использую привязку, чтобы помочь обновить только PanelGroup, как BalusC сказал в этот вопрос . Когда я удаляю атрибут связывания, dataTable отображается нормально, но, конечно, ничего не отображается с тегами f: ajax внутри dataTables.

Вот HTML-код: 

<ui:component>
<h:panelGroup>
    <h:panelGroup layout="block;" id="#{id}"
        binding="#{painelTabelaContatos}" rendered="true">
        <p:dataTable id="tabela#{id}"
            value="#{modeloTabelaContatos.listaDeContatos}" var="contato"
            selectionMode="single"
            rowSelectListener="#{controladorTabelaContatos.processarSelecaoLinha}"
            rowUnselectListener="#{controladorTabelaContatos.processarDeselecaoLinha}"
            selection="#{modeloTabelaContatos.contatoSelecionado}">
            <p:column headerText="Contatos">
                <hrgi:editableText style="width:100%" value="#{contato.descricao}" />
            </p:column>
            <p:column headerText="Telefones">
                <h:dataTable value="#{contato.telefones}" var="telefone">
                    <h:column>
                        <h:inputText value="#{telefone}" />
                    </h:column>
                    <h:column>
                        <h:graphicImage library="img" name="default_trash.png"
                            style="cursor:pointer;">
                            <f:ajax event="click" render=":#{painelTabelaContatos.clientId}"
                                listener="#{controladorTabelaContatos.removerTelefone(contato, telefone)}" />
                        </h:graphicImage>
                    </h:column>
                </h:dataTable>
            </p:column>
            <p:column headerText="e-mails">
                <h:dataTable value="#{contato.emails}" var="email">
                    <h:column>
                        <h:inputText value="#{email}" />
                    </h:column>
                    <h:column>
                        <h:graphicImage library="img" name="default_trash.png"
                            style="cursor:pointer;">
                            <f:ajax event="click" render=":#{painelTabelaContatos.clientId}"
                                listener="#{controladorTabelaContatos.removerEmail(contato, email)}" />
                        </h:graphicImage>
                    </h:column>
                </h:dataTable>
            </p:column>
            <p:column>
                <h:graphicImage library="img" name="default_trash.png"
                    style="cursor:pointer;">
                    <f:ajax render=":#{painelTabelaContatos.clientId}" event="click"
                        listener="#{controladorTabelaContatos.removerContato(contato)}" />
                </h:graphicImage>
            </p:column>
        </p:dataTable>
    </h:panelGroup>
    <h:panelGroup layout="block">
        <p:commandButton value="ADICIONAR CONTATO" update="#{id}"
            immediate="true"
            action="#{controladorTabelaContatos.adicionarContato}" />
        <p:commandButton value="ADICIONAR TELEFONE" update="#{id}"
            immediate="true"
            action="#{controladorTabelaContatos.adicionarTelefone}" />
        <p:commandButton value="ADICIONAR E-MAIL" update="#{id}"
            immediate="true"
            action="#{controladorTabelaContatos.adicionarEmail}" />
    </h:panelGroup>
</h:panelGroup>
</ui:component>

Я уже пытался удалить h: dataTables, которые находятся внутри p: dataTable, но безуспешно. Этот компонент является просто содержимым вкладки PrimeFaces, и эта вкладка находится в диалоге PrimeFaces. Может ли кто-нибудь объяснить мне, почему это происходит?

1 Ответ

1 голос
/ 07 октября 2011

Я нашел причину ошибки, после того как было легко найти решение ... Проблема вызвана тем, что я вызываю этот компонент на двух разных страницах:

popupCadastroPessoa.xhtml 

<ui:include src="../tabs/abaEdicaoContatos.xhtml">
    <ui:param name="id" value="painelContatoPessoa" />
</ui:include>

и в popupCadastroFuncionario.xhtml 

<ui:include src="../tabs/abaEdicaoContatos.xhtml">
    <ui:param name="id" value="painelContatoFuncionario" />
</ui:include>

, поскольку я на самом деле не создал бин привязки, JSF запутался. Итак, я только что создал два bean-компонента UIPanel и передал его в качестве параметра: 

<ui:include src="../tabs/abaEdicaoContatos.xhtml">
    <ui:param name="id" value="painelContatoPessoa" />
    <ui:param name="painelTabelaContatos" value="#{bindingTabelaContatoPessoa}"/>
</ui:include>

Была моя вина. Спасибо за внимание и приносим извинения за неудобства.

...