Использование dataTable Primefaces - PullRequest
Новая
       10

Использование dataTable Primefaces

0 голосов
/ 29 октября 2010

Я использую объект dataTable простых лиц для отображения некоторых данных, и у меня возникли некоторые проблемы для реализации чего-либо: Сначала я отображаю таблицу с одним столбцом и хочу отобразить еще одну таблицу, заполненную данными, в зависимости от того, что пользователь выбрал в первом.

Для этого, когда пользователь выбирает строку в первой таблице, я заполняю запись currentCorbeilleId моего TaskController и пытаюсь обновить форму «tasksList». Это имеет смысл, когда я пишу это сейчас, но это не работает ... Когда я нажимаю на строку первой таблицы, ничего не происходит ...

Правильно ли я использую компонент dataTable? Что я должен сделать больше, чтобы это работало? Спасибо за ваши ответы! 

<f:view>
        <h:form id="mainForm">
            <p:dataTable id="corbeillesList"
                         value="#{IdentityController.groups}"
                         var="corbeillesList"
                         rendered="#{not empty IdentityController.groups}"
                         selectionMode="single"
                         selection="#{TaskController.currentCorbeilleId}"
                         update="tasksList">
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Name" />
                    </f:facet>
                    <h:commandLink value="#{corbeillesList.name}">
                    </h:commandLink>
                </p:column>
            </p:dataTable>
            <p:dataTable id="tasksList"
                         value="#{TaskController.tasks}"
                         var="task"
                         rendered="#{not empty TaskController.tasks}"
                         selectionMode="single">
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Date" />
                    </f:facet>
                    <h:outputText value="#{task.duedate}" rendered="#{task.duedate != null}">
                        <f:convertDateTime pattern="dd/MM/yyyy" type="date" dateStyle="short" />
                    </h:outputText>
                    <h:outputText value="Date non definit" rendered="#{task.duedate == null}" />
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Name" />
                    </f:facet>
                    <h:outputText value="#{task.name}" />
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Description" />
                    </f:facet>
                    <h:outputText value="#{task.description}" />
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Verouillee" />
                    </f:facet>
                    <h:outputText value="oui" rendered="#{task.assignee != null}" />
                    <h:outputText value="non" rendered="#{task.assignee == null}" />
                </p:column>
            </p:dataTable>
        </h:form>
    </f:view>

1 Ответ

4 голосов
/ 30 октября 2010

Второй объект данных не был обработан на стороне клиента.Так что это недоступно для AJAX update.Вместо этого, например, введите h:panelGroup, который всегда отображается на стороне клиента. 

<h:panelGroup id="tasksList">
    <h:dataTable rendered="#{not empty TaskController.tasks}" ... >
        ...
    </h:dataTable>
</h:panelGroup>
...