Zeile counter für html-Tabellen-Zeile

Habe ich eine HTML Tabelle in JSF-web-Anwendung. Ich bin die Erzeugung Zeilen dynamisch mit <ui:repeat>. Ich möchte einen Zähler für jede Zeile. Wie bekomme ich diese? Keine Hilfe?

Ssimilar zu rowKeyVar in rich faces dataTable.

InformationsquelleAutor crazyTechie | 2009-12-30
  1. 11

    Da Sie mit richfaces, können Sie es mit Ihrer iteration-tag (<a4j:repeat>), die ein bisschen besser geeignet als die Verwendung <c:forEach>, und die ist wie eine Erweiterung <ui:repeat>

    <table>
    <a4j:repeat value="#{bean.list}" var="item" rowKeyVar="idx">
        <tr>
            <td><h:outputText value="#{idx + 1}" /></td>
            <td><h:outputText value="#{item.someProperty}" /></td>
            <td><h:outputText value="#{item.otherProperty}" /></td>
        </tr>
    </a4j:repeat>
</table>
    InformationsquelleAutor Bozho
  2. 20

    Als der 2.0 Facelets, das ist jetzt möglich mit der varStatus.

    <ui:repeat varStatus="status" var="user" value="#{collection}">
     #{status.index}
</ui:repeat>
    InformationsquelleAutor ustun
  3. 7

    Können Sie es nicht gut mit der ui:repeat, aber Sie können dies tun, mit der h:dataTable. Binden Sie die Komponente an eine UIData Eigenschaft in der backing-bean. Es hat eine getRowIndex() Methode die genau das macht, was Sie brauchen:

    <h:dataTable binding="#{bean.table}" value="#{bean.list}" var="item">
    <h:column><h:outputText value="#{bean.table.rowIndex + 1}" /></h:column>
    <h:column><h:outputText value="#{item.someProperty}" /></h:column>
    <h:column><h:outputText value="#{item.otherProperty}" /></h:column>
</h:dataTable>

    Hier bin ich hinzufügen 1 zu UIData#getRowIndex() denn es ist null-basiert. Finden Sie die Mit datatables Artikel nützlich, um mehr zu erfahren über datatables.

    Wenn Sie wirklich wollen, ein bisschen mehr Kontrolle über dem Tisch-layout (vor allem mit colspans/rowspans, die fehlen, sind in der realen JSF h:dataTable tag), dann eine alternative ist die Nutzung der JSTL c:forEach tag, das hat eine varStatus Attribut, das gibt Ihnen einen Griff auf der Schleife Stand.

    <table>
    <c:forEach items="#{bean.list}" var="item" varStatus="loop">
        <tr>
            <td><h:outputText value="#{loop.index + 1}" /></td>
            <td><h:outputText value="#{item.someProperty}" /></td>
            <td><h:outputText value="#{item.otherProperty}" /></td>
        </tr>
    </c:forEach>
</table>
    • Ich werde versuchen, den zweiten Ansatz. c:forEach. Dank BalusC
    • Der große Nachteil der c:forEach ist, dass man nicht mit input-Komponenten in der Tabelle leicht. Mit einem h:dataTable können Sie ganz einfach erstellen Sie eine editierbare Datentabelle und JSF wird die Verwaltung aller Daten der Erhebung und Aktualisierung vollständig selbst.
    InformationsquelleAutor BalusC
  4. 0

    Gibt es keine Zähler für jede Zeile in der ui:repeat. Als BalusC gesagt, Sie gehen können, für h:datatable. Eine weitere Idee ist indirekt können Sie eine zusätzliche index-Methode in der bean für jedes Objekt in der Liste, die in serverseitige und erhalten, die in jsf und manipulieren.

    InformationsquelleAutor valli
  5. 0

    Schlechte (oder gute Idee) ist mit JavaScript zu tun, der trick.

    <script>
    var numberOfIndex = 0;
</script>
<ui:repeat value="#{modelBean.listUser}" var="item">
    <tr>
            <td><script>numberOfIndex -=-1;document.write(numberOfIndex);</script></td>
        <td>${item.id}</td>
        <td>${item.name}</td>
    </tr>
</ui:repeat>
    InformationsquelleAutor BachT
Schreibe einen Kommentar