Wie man Zeilen-index in eckigen ui-grid-3.0

Arbeite ich mit angular ui-grid-version 3.0 und kann den Weg nicht finden, um den index der Zeile, hinzufügen einer Nummerierung der Spalte des Rasters.
Ich möchte mir helfen.

  • Ich möchte dir auch helfen, aber zuerst müssen Sie, um uns zu zeigen, was Sie bereits versucht haben, so können wir Ihnen helfen, es zu verbessern.
  • Ich möchte den index der Zeile aus CellTemplate. ng-Netz ist auf diese Weise gewonnenen Zeile.rowIndex, aber nicht, wie es im ui-grid-3.0
InformationsquelleAutor cristianqr | 2015-04-14
  1. 26

    Gibt es nicht einen Weg, um den index der Zeile an, leicht, also es hängt davon ab, was Sie zu tun versuchen. Was erwarten Sie sich von der Nummerierung zu tun, wenn jemand die Daten sortiert - wollen Sie die zahlen, um zu bleiben, wie Sie waren in den ursprünglichen Daten haben, oder wollen Sie Sie ändern, und richten Sie die neue Sortierreihenfolge?

    In der FAQ http://ui-grid.info/docs/#/tutorial/499_FAQ wir finden:

    Die Frage hier ist, was Sie wirklich versuchen zu erreichen. Wollen Sie die aktuelle Zeile, index, oder, die Sie anzeigen möchten, die eine fortlaufende id, die in all Ihren Zeilen?

    Wenn das letztere, dann können Sie es tun, indem Sie nur einen Zähler-Spalte, um Ihre Daten:

    $scope.myData.forEach( function( row, index){
  row.sequence = index;
});

    Wenn Sie möchten, zeigen den index der Zeile innerhalb des grid-Interna, dann kommt es auf die interne Sie wollen. Können Sie den index der Zeile in der Rasteransicht.Zeilen, die zeigen würde die Zeile so steht es in den original-Zeilen-Liste (nicht gefiltert noch sortiert), oder der index der Zeile in der Rasteransicht.renderContainers.Körper.visibleRowCache (gefiltert und sortiert), oder die render index der Zeile innerhalb des aktuell angezeigten Zeilen (in Anbetracht von Virtualisierung, dies ist in der Regel eine besonders nutzlos Zahl).

    Wenn Sie OK sind, immer, wenn jemand sortiert oder filtert, dann werden sich die zahlen ändern, dann könnte man es mit einem zu tun cellTemplate, das wäre so etwas wie:

    cellTemplate: '<div class="ui-grid-cell-contents">{{grid.renderContainers.body.visibleRowCache.indexOf(row)}}</div>'
    • Ich möchte zeigen die Sequenz... können Sie erklären, wie die Zuordnung der Zähler mit dem Wert aus der obigen forEach-iteration ? Dank
    • dies funktioniert für mich, aber wenn ich die export-Tabelle,versäumen es diese index-zahlen.jede Idee.
    • Exporteur Werke aus den zugrunde liegenden Daten, nicht die gerenderte version. Wenn Sie einen index, der funktioniert mit export als gut, werden Sie brauchen, um eine nummerierte Sequenz Spalte in Ihre Daten.
    InformationsquelleAutor PaulL
  2. 20

    cellTemplate:'
    {{rowRenderIndex + 1}}'

    • Das funktioniert auch, aber denken Sie daran rowRenderIndex von 0 startet für jede Seite. Wenn Sie 15 Einträge pro Seite, und der Benutzer auf der 3. Seite, erstes element auf dieser Seite haben rowRenderIndex = 0 und nicht 30
    • Ich Bemerke dies mit scroll-Balken. Haben Zeile 99 am unteren Rand der Ansicht, scrollen Sie nach unten eine Linie, und was wäre Zeile 100 zeigt als 0
    InformationsquelleAutor Abhishek kumar
  3. 2

    das problem der ersten Lösung ist, dass es nicht richtig funktioniert, mit Paginierung. die celltemplate der index-Spalte muss so etwas wie diese haben das Recht, den index auf jeder Seite und nicht zu beginnen, von 1 auf jeder Seite :

    { field: 'index', displayName: 'Index', width: '50', cellTemplate: '<div class="ui-grid-cell-contents">{{grid.renderContainers.body.visibleRowCache.indexOf(row)+(grid.options.paginationPageSize*(grid.options.paginationCurrentPage-1))+1}}</div>' }

    diese Lösung würde die Arbeit auch für die client-Seite Paginierung oder für die server-Seite Paginierung

    InformationsquelleAutor parichehr.mohebbi
  4. 1

    Verwenden rowRenderIndex in Ihrer Zelle-Vorlage, es ist die systemeigene variable zur Verfügung, auf jeder Zeile

    Wie man Zeilen-index in eckigen ui-grid-3.0

    E. g

    columnDefs: [
          {
            enableFiltering: false,
            enableSorting: false,
            field: "sn",
            displayName: "Sn#",
            cellTemplate:
              "<div class=\"ui-grid-cell-contents\" >{{rowRenderIndex}} s</div>"
          }
]
    InformationsquelleAutor Vaimeo
  5. 0

    durch die Nutzung dieser Möglichkeit dieses problem zu lösen...

    $http.get('./api/ioni_users')
        .success(function(data) {
            $scope.gridOptions.data = data;
            angular.forEach(data, function(data, index) {
                data["index"] = index+1;
                //data.push({"index":index+1})
            })
        });
    InformationsquelleAutor KARTHIKEYAN.A
  6. 0

    Die folgenden arbeitete für mich, wie ich brauchte, um zu sehen, der index der Zeile, wie es bezogen auf den gesamten Datensatz und nicht nur, was war der für den Benutzer sichtbar. Es kann gereinigt werden, aber dies ist der raw-code, den ich war in der Lage zu bekommen, um die Arbeit mit der Formel 

    ((0/100)+((2*100)-100))+1 where 

0 = rowIndex (Zero Based)
100 = pagination page size
2 = current page
+1 = because the array is zero based


cellTemplate: '<div class="ui-grid-cell-contents">{{(((grid.renderContainers.body.visibleRowCache.indexOf(row) /grid.options.paginationPageSize)*100)+((grid.options.paginationPageSize * grid.options.paginationCurrentPage) - grid.options.paginationPageSize)) + 1}} </div>'

    Hoffe, das hilft.

    InformationsquelleAutor Uncle Big C
Schreibe einen Kommentar