Einen oder mehrere outputText der vorhandenen Seite dynamisch hinzufügen

Question

Ich muss eine Seite ständig mit neuen Daten aktualisieren, die von managedbeans erzeugt werden. Managedbean erstellt für alle paar Minuten eine neue Liste von Werten, und die Benutzeroberfläche muss für jeden Wert in der neu erstellten Liste nach "managedbean" einen Ausgabetext erstellen. Catch ist, die UI sollte die outputTexts behalten und neue für jede Anfrage hinzufügen, sie sollte alte outputTexts nicht aktualisieren/entfernen.

Mein Code ist wie folgt - aktualisiert die gleichen outputText Felder für jeden Ajax Anruf, die ich wie oben erwähnt ändern muss.

<c:forEach var="data" items="#{myBean.dataList}"> 
    <p:fieldset legend="#{data}" toggleable="true" toggleSpeed="500"> 
     <h:panelGrid columns="2" cellpadding="5" border="0"> 
      <p:scrollPanel style="height:300px"> 
       <p:poll interval="2" listener="#{myBean.getDataList}" update="field1 field2"/> 
        <h:outputText value="#{data.field1}" id="field1"/> 
        <h:outputText value="#{data.field2}" id="field2"/> 
      </p:scrollPanel> 
     </h:panelGrid> 
    </p:fieldset> 
</c:forEach> 

so für jeden Ajax-Aufruf, kann es einige Datenelemente von managedbeans und für jedes dieses Artikel hergestellt werden soll ein neues output Feld sein.

Answer 1

Sie können sie als ausgabe verwenden Datenliste für <h:outputText value="#{data.field1}" id="field1"/>

eine Liste erstellen und verwenden, ja müssen Sie einige CSS-Formatierung, weil Datalist CSS verwendet Standard. Beispielcode

<p:poll interval="3" listener="#{yourbean.yourmethod}" update="<updatecomponet>" /> 
<p:dataList value="#{yourbean.tempList}" var="s" id="updatecomponet"> 
     <p:outputLabel value="#{s}"></p:outputLabel> 
</p:dataList> 

Hinweis: Sie müssen Wert in der Liste hinzufügen, wenn Poll Call Listener. Es funktioniert in meinem Projekt, lassen Sie mich für etwas anderes wissen. Hoffe, das wird helfen.

Answer 2

Vielleicht nicht die perfekte Lösung, aber Sie können eine DataTable mit Lazy Loading verwenden, die Poll-Komponente kann die Datatable-Seite aktualisieren und Sie müssen nicht eine große Anzahl von Komponenten aktualisieren.

Edit: xhtml

<p:dataTable var="v" 
    value="#{myBean.getLazyList}" 
    scrollRows="1" 
    liveScroll="true" 
    rows="20" 
    scrollHeight="300" 
    lazy="true" 
    scrollable="true" 
    id="tsUpdates"> 
      <p:column> 
        <h:outputText value="#{v.fields1}" /> 
      </p:column> 
</p:dataTable> 

Bean

public class Bean { 
    private LazyDataModel<MyClass> lazyList; 

    @Named("myBean") 
    @ViewScoped 

    @PostConstruct 
     public void init() { 
      lazyList = new LazyMyClassModel(); //where myList is your data source 
     } 

    //getters and setters  
} 

LazyModel

public class LazyMyClassModel extends LazyDataModel<MyClass>{ 
    private Integer findAllCount; 

    public LazyMyClassModel(){ 

    } 

    @Override 
    public List<MyClass> load(int first, int pageSize, String sortField, SortOrder sortOrder,Map<String, String> filters){ 
     List<MyClass> myList = //your live source of data 
     List<MyClass> data = new ArrayList<MyClass>(); 
     data = getSubList(MyList, first, pageSize) 

     if (findAllCount == null) { 
      findAllCount = myList.size 
      this.setRowCount(findAllCount); 
     } 
     return data 
    } 

    public List<MyClass> getSubList(List<MyClass> list, int fromIndex, int toIndex) { 
     int size = list.size(); 
     if (fromIndex >= size || toIndex <= 0 || fromIndex >= toIndex) { 
      return Collections.emptyList(); 
     } 
     fromIndex = Math.max(0, fromIndex); 
     toIndex = Math.min(size, toIndex); 
     return list.subList(fromIndex, toIndex); 
    } 
}