Ändern der Hintergrundfarbe einer bestimmten Zeile in slickgrid?

8

Gibt es eine Möglichkeit, die Hintergrundfarbe einer bestimmten Zeile in der slickgrid-Tabelle zu ändern, während andere unverändert belassen werden ??? Ich benutze

%Vor%

wo "editable-col", "buy-row" & amp; "buy-col" sind die CSS-Klassen, die die Farbeinstellungseigenschaften für Hintergrund / Vordergrund usw. enthalten, wenn ich die Hintergrundfarbe einer bestimmten Zeile ändern möchte, muss ich zur Farbe des ganzen Gitters wechseln (durch das Durchlaufen der Gitterlänge), oder wenn ich Klasse für eine bestimmte Zeile zB

%Vor%

es setzt die CSS-Klasse für die gewünschte Zeile, aber deaktivieren Sie alle CSS-Eigenschaften für andere Zeilen, um dies zu vermeiden, muss ich die CSS-Klassen für die anderen Zeilen auch zurücksetzen, die ich denke, nicht gut in Bezug auf Leistung und Zeit wenn Sie habe Tausende von Zeilen. will nur wissen, gibt es einen besseren Weg, dies zu tun, ohne die anderen Zeilen zu berühren. ?? Jede Hilfe wird sehr geschätzt.

    
Omar 10.11.2013, 08:09
quelle

2 Antworten

13

Wenn Sie Slick.Data.DataView verwenden, können Sie die Methode getItemMetadata ändern, um Klassen dynamisch hinzuzufügen zu dem enthaltenden Zeilenelement. Sie können dann einfach Ihr Raster so einrichten, dass es den Stil der Zeile basierend auf einem Wert innerhalb der Zeile ändert. Angenommen, Ihre Slick.Data.DataView -Instanz heißt dataView :

%Vor%

Damit können Sie die Zeile "buy-row" dynamisch zur Zeile hinzufügen. Sie können die Funktion so ändern, dass mehrere Bedingungen für verschiedene Klassen gelten. Beachten Sie jedoch, dass die CSS-Klassen für jede Zeile abhängig von den Eigenschaften des Zeilenobjekts bedingt sind. Die ret.cssClasses ist hier der Schlüssel. Es ist die Zeichenfolge, die in der Zeile HTML ausgegeben wird: <div class="[ret.cssClasses]"> .

Sie können jetzt so etwas tun, um die Klassen einer Zeile zu ändern:

%Vor%     
idbehold 14.11.2013, 18:11
quelle
1

Ja, man kann jQuery einfach verwenden:

%Vor%

Aktualisieren

Um dauerhafte Hervorhebung zu haben, müssen Sie die Funktion getItemMetadata implementieren. Es kann so gemacht werden:

html

%Vor%

css

%Vor%

Javascript

%Vor%     
llundin 14.11.2013 16:17
quelle

Tags und Links