Umschalt Zeilenauswahl in ag-Gittern im Internet Explorer wählt Zusatztext

Question

I Das folgende Beispiel aus Ag-grid Implementierung versucht: Example - Multiple Row Selection. Insbesondere Beispiel - Auswahl mehrerer Zeilen. Wenn ich die Zeilen mit Verschiebung in Chrome-Mozilla-Opera wählen, ist alles in Ordnung, wie man auf dem Bild leider 1.

sehen kann, muss ich auch IE-Browser unterstützen. Wenn ich die gleiche Operation in IE ausführe, wurde auch ein zusätzlicher Text ausgewählt: Titel oben und so weiter. Gibt es eine Möglichkeit, dieses Problem zu lösen?

P. S. Ist es besser ein Plunkr für dieses Beispiel vorzubereiten oder reicht das Beispiel von ag-grid Webseiten?

Answer 1

Abschaltzeit Benutzerauswahl für Sie Seite, setzen Sie diese CSS auf den Körper: body { user-select: none; }

das Raster tut dies für das Raster, aber nicht versuchen und tun es für den Rest Ihrer App (sollte es nicht). Das Problem ist, wie IE den Shift-Klick versteht, also glaube ich nicht, dass es ein Grid-Problem ist, am besten ist es, es zu umgehen. Es ist ziemlich Standard, Benutzer zu deaktivieren, wenn sie auf einzelnen Webseiten-Anwendungen sind, wenn sie detaillierte Anwendungen sind (was ich vermute, ist, wenn Sie AG-Grid verwenden).

Answer 2

persönlich für die Zeilen der Auswahl (nicht Zellen!) Ziehe ich ein Kontrollkästchen am Anfang der Zeile. Und es könnte Ihr Problem mit IE lösen.

Verwenden Sie das Attribut checkboxSelection auf der Spaltendefinition, zB:

{headerName: "Athlete", field: "athlete", checkboxSelection: true}, 

Wenn Sie Reihen von Kontrollkästchen erzwingen möchten ausgewählt haben, können Sie die Eigenschaft suppressRowClickSelection in den gridOptions zu wahr gesetzt.

Answer 3

Derzeit ist die Lösung zu verwenden:

$window.getSelection().removeAllRanges();

in

onRowSelected 

Zuhörer. Jedes Mal, wenn die Zeilenauswahl geändert wird, wird die Auswahl anderer Elemente in IE entfernt. Keine gute Lösung, aber besser nichts. Mozilla MDN