Lösung für den Fehler der integrierten Bildlaufleiste von Extjs Grid panel_extjs

Als ich zuvor die EXTJS-GridPanel-Komponente verwendet habe, versagte manchmal die Bildlaufleiste des GridPanel selbst, da die Strobe-Daten im GridPanel häufig gefiltert wurden.

Nehmen Sie ein Beispiel. Die Bildlaufleiste, die mit EXTJS GridPanel geliefert wird, hat eine feste Spaltenbreite, um die Bildlaufleiste zu platzieren, wie im Bild oben gezeigt. Wenn also die Bildlaufleiste ausfällt, werden die Daten im Raster unabhängig davon, wie Sie die Bildlaufleiste ziehen, niemals die Daten im entsprechenden Bereich anzeigen, wenn sich die Bildlaufleiste bewegt (mit anderen Worten, die Daten, die Sie immer sehen, sind im Screenshot zu sehen). Aufzeichnungen).

Warum schlägt das Gridpanel fehl? Es ist noch nicht klar, was der Grund ist. Einige Leute sind im Extjs-Forum und bei Stackoverflow bereits auf ähnliche Probleme gestoßen, aber die Versionen stammen möglicherweise vor 4.1. Das Entwicklerteam von Extjs sagte, dass sie dieses Problem seit Version 4.1 behoben haben (nicht sicher, ich hoffe, ich habe Version 4.1 verwendet). Schuhe-Argument (unter dem Argument).

Okay, jetzt reden wir darüber, wie wir das Problem des Ausfalls der Bildlaufleiste lösen können.

xtype: 'gridpanel',
// autoScroll:true,
scroll:false, 
viewConfig: {
style: { overflow: 'auto', overflowX: 'hidden' }
}

Wie Sie sehen können, ist das Attribut autoScroll deaktiviert, scroll ist auf false gesetzt und dann ist viewConfig eingestellt. Hier ist die horizontale Bildlaufleiste deaktiviert und nur die vertikale Bildlaufleiste bleibt erhalten. OK, Problem gelöst, sehen Sie sich den Effekt an:

Zu diesem Zeitpunkt werden Sie feststellen, dass die Bildlaufleiste keine eigene Spalte mehr hat, sondern mit der letzten Spalte des Rasters zusammengeführt wird. Die mit dem GridPanel gelieferte Bildlaufleiste ist auf diese Weise deaktiviert.

Dieser potenzielle Fehler wurde ebenfalls behoben.

Aber für diese Verwendung ist es am besten, eine feste Breite für alle Spalten im Raster festzulegen und die Attribute festzulegen:

resizable:false

Dadurch können einige unnötige Probleme vermieden werden, die durch die Deaktivierung der horizontalen Bildlaufleiste entstehen.