ui Rasterhöhe nicht korrekt eingestellt

I 50px bin mit als Höhe jeder Zeile in meinem Gitter und Einstellen der Höhe mit der folgenden Logik:ui Rasterhöhe nicht korrekt eingestellt

$http.get(url) 
    .success(function(data) { 
     $scope.gridOptions.data = data; 
     heightGrid = ($scope.gridOptions.data.length * 50 + 35) + 'px'; 
     angular.element('#gridContainer').height(heightGrid); 
});

Das Problem, das ich bin vor ist die letzte Zeile des Gitters nicht gezeigt, bis einige Operationen wie eine Fenstergrößenänderung durchgeführt werden, die Webseite untersucht oder der Inhalt von ui grid sortiert wird. Nach meiner Beobachtung zu diesem Verhalten, bemerkte ich, dass das div mit der Klasse "ui-grid-content-wrapper" 26px weniger zugewiesen wird als die zugewiesene Höhe, bis eines der oben genannten Ereignisse auftritt. dass alles gut geht. Es passiert einfach zum ersten Mal.

Bitte teilen Sie eine Lösung, wenn jemand damit konfrontiert wurde.

Quelle

2016-04-02 Vishal Gulati

Es klingt, als ob Ihre Daten jedoch außerhalb eines Digest-Zyklus eingespeist werden. Wie binden Sie die Daten? –

Ich mache eine HTTP-Post-Anfrage an den Web-Service. Nachdem das Versprechen gelöst wurde, werden die Daten dem Raster zugewiesen. Außerdem habe ich alle Daten aus dem Service zurückgegeben. Auch die letzte Reihe ist bei inspect sichtbar. Es ist nur, dass das Container-Div für das UI-Grid "UI-Grid-Content-Wrapper" nicht die richtige Höhe zugewiesen bekommt. –

pls teilen, wenn Sie eine Lösung dafür haben. –

Sie können ihre auto-resize Direktive verwenden, wie in their tutorial Page gezeigt.

<div ui-grid="gridOptions" class="grid" ui-grid-auto-resize></div>

Aber Vorsicht:

Hinweis: Dies funktioniert durch einen Kontrolleur auf 250ms Intervall hinzufügen, die, wenn das Gitterelement sieht in der Größe verändert hat. Dies könnte sich negativ auf die Leistung Ihrer Website oder Ihrer Anwendung auswirken.

Quelle

2016-04-07 09:40:22 CMR

ui Rasterhöhe nicht korrekt eingestellt

Antwort

Verwandte Themen