jqGrid - Gibt es eine Möglichkeit, immer eine vertikale Bildlaufleiste anzuzeigen?

Question

Meine Anwendung verfügt über mehrere jqGrids, die möglicherweise genug Zeilen enthalten, um eine vertikale Bildlaufleiste zu erfordern. Nach der Erstellung können diese Zeilen jedoch dynamisch zu den Rastern hinzugefügt werden, sodass ein Raster eventuell eine Bildlaufleiste erfordert.

Das Problem besteht darin, dass wenn das Raster nicht genügend Zeilen für eine Bildlaufleiste erfordert, auf der rechten Seite des Rasters ein leerer Bereich ist. Ich möchte das irgendwie beheben - entweder immer die vertikale Bildlaufleiste anzeigen oder sie bei Bedarf dynamisch hinzufügen.

ich folgende CSS versucht, das Hinzufügen zu dem .ui-jqGrid-BDIV div des Grids:

overflow-y: scroll; 

die folgenden jQuery verwenden (der Code ist hässlich, ich weiß):

$("#mygrid").closest(".ui-jqgrid-bdiv").attr("style", 
$("#mygrid").closest(".ui-jqgrid-bdiv").attr("style") + " overflow-y: scroll; "); 

Diese funktioniert gut in Firefox und Chrome, aber im IE zeigt das Gitter niemals die Bildlaufleiste an (egal wie viele Zeilen ich hinzufüge, sie werden am unteren Rand des Rasters hinzugefügt und eine vertikale Bildlaufleiste erscheint nie).

Jede Hilfe wird geschätzt!

Answer 1

overflow-y ist CSS3, und es ist noch nicht vollständig von IE unterstützt (seufz ...)

Also, ich denke, die nur 2 CSS Dinge, die Sie dies tun können, ohne andere Markup beteiligt sind, verwenden entweder overflow: auto (wodurch der Browser entscheiden kann) oder overflow: scroll, wodurch sowohl die vertikalen als auch die horizontalen Bildlaufleisten erzwungen werden.

Eine Problemumgehung könnte sein, das gesamte Raster in ein größeres div mit einer minimalen Höhe zu hüllen, also legen Sie das gleich dem Browserfenster + 1px fest. Auf diese Weise erzwingen Sie eine vertikale Bildlaufleiste.

In allen Browsern kann es schwierig sein, eine Mindesthöhe einzustellen, aber in den meisten davon funktioniert das sehr gut.

.the-wrapper{ 
    height: auto !important; /* for real browsers*/ 
    height: 601px;   /* IE6 will use this a min-height. Use any height you need - you can even set this using JavaScript depending on the browser window height */ 
    min-height: 601px;  /* for real browsers - same value as height */ 
} 

Natürlich wird dies etwas Platz unter den Gittern hinzuzufügen. Willkommen an Bord!

Answer 2

Haben Sie die Eigenschaft height auf dem Raster festgelegt? Wenn keine Höhe eingestellt ist, kann der IE mit Bildlaufleisten mürrisch werden.

Answer 3

Hast du jqGrid 3.6 Beta versuchen, es hat eine Menge neue Features wie: wahre Scrollen Reihen Ich denke, dass diese Lösung für Sie.

Demo von neuen Funktionen: http://www.trirand.com/jqgrid/jqgrid36/jqgrid.html

Alsow dort neue Methode hinzugefügt: gridResize, die das Raster der Größe verändern kann. http://github.com/tonytomov/jqGrid/commit/a008ebf7b8ad684b21e51f21eed4301b82bc66f2

Answer 4

Es gibt eine scrollOffset Option für das jqGrid.

Setzen Sie es auf Null und der leere Raum verschwindet.