Как сделать зановос помощью - PullRequest
Новая
       76

Как сделать зановос помощью

10 голосов
/ 23 августа 2010

Я реализовал список, созданный повторителем: 

<ui:repeat value="#{projectData.paginator.list}" var="project">
  <h:outputText value="#{project.title}" />
</ui:repeat>

и кнопкой, которая фильтрует мой список: 

<h:commandLink action="#{overviewController.filterNew}">
<h:outputText value="Filter List" />
</h:commandLink>

Итак, есть ли простой способ визуализации только моегоПовторитель после нажатия на ссылку команды (с AJAX): -)

Я попытался сделать следующее: 

<f:ajax render="repeater">
ui:repeat id="repeater" value="#{projectData.paginator.list}" var="project">
  <h:outputText value="#{project.title}" />
</ui:repeat>
<f:ajax />


<h:commandLink action="#{overviewController.filterNew}">
<h:outputText value="Filter List" />
<f:ajax event="click" render="repeater"/>
</h:commandLink>

, но это не сработало ..

Обновление 

<h:form>
ui:repeat id="repeater" value="#{projectData.paginator.list}" var="project">
  <h:outputText value="#{project.title}" />
</ui:repeat>

<h:commandLink action="#{overviewController.filterNew}">
<h:outputText value="Filter List" />
<f:ajax event="click" render="repeater"/>
</h:commandLink>
</h:form>

тоже не работает ... Может быть, я должен поместить метод действия (OverviewController.filterNew) в тег ajax?

Обновление 2 

    <f:ajax event="click" render="repeater">
    <h:commandLink action="#{overviewController.filterEBus}">
    <h:outputText value="EBusiness" />
    </h:commandLink>
    </f:ajax>

Также не работает!

Может быть, невозможно отрендерить ретранслятор?есть ли другой элемент, такой как тег div, или что-то, что можно перерисовать ???

...

Спасибо за вашу помощь

Ответы [ 4 ]

26 голосов
/ 24 августа 2010

<ui:repeat> сам по себе не генерирует HTML-код для вывода.<f:ajax render> ожидает идентификатор, который присутствует в дереве HTML DOM.Поместите его в <h:panelGroup> с id и укажите вместо него. 

<h:form>
    <h:panelGroup id="projects">
        <ui:repeat value="#{projectData.paginator.list}" var="project">
            <h:outputText value="#{project.title}" />
        </ui:repeat>
    </h:panelGroup>
    <h:commandLink action="#{overviewController.filterNew}">
        <h:outputText value="Filter List" />
        <f:ajax execute="@form" render="projects" />
    </h:commandLink>
</h:form>
4 голосов
/ 23 августа 2010

Да:

  • с использованием Richfaces <a4j:commandButton reRender="targetId" />
  • с использованием JSF 2.0 <f:ajax event="click" render="targetId">
  • с использованием Primefaces <p:ajax>
2 голосов
/ 23 августа 2010 
<f:ajax render="repeater">
ui:repeat id="repeater" value="#{projectData.paginator.list}" var="project">
  <h:outputText value="#{project.title}" />
</ui:repeat>
<f:ajax />

почему вы завернули его в f: ajax?В этом случае это избыточно.

Убедитесь, что ваши компоненты окружены <h:form> тегом 

<h:form>
<ui:repeat id="repeater" value="#{projectData.paginator.list}" var="project">
  <h:outputText value="#{project.title}" />
</ui:repeat>

<h:commandLink action="#{overviewController.filterNew}">
<h:outputText value="Filter List" />
<f:ajax event="click" render="repeater"/>
</h:commandLink>
</h:form>
0 голосов
/ 24 августа 2010

Как насчет этого: 

<ui:repeat id="repeater" value="#{projectData.paginator.list}" var="project">
  <h:outputText value="#{project.title}" />
</ui:repeat>

<h:commandLink>
  <h:outputText value="Filter List" />
  <f:ajax render="repeater" listener="#{overviewController.filterNew}" />
</h:commandLink>
...