PDA

View Full Version : Tree/Grid - CSS - .x-grid-row-before-focused - and after ?



terra75
21 Mar 2014, 9:12 AM
Hi !

Ich versuche mein Baum mittels CSS zu verändern. Habe gesehen, das mittels .x-grid-row-before-focused das vom ausgewählten obenliegenden Node bearbeitet werden kann. Was ist aber mit dem darunter liegenden?

[Google Translate]
I'm trying to change my tree using CSS. I have seen that that can be edited from the selected node overhead by .x-grid-row-before-focused. But what is of lying underneath?

Root
+ Node 1 --- < CSS: .x-grid-row-before-focused {} >
+ Node 2 --- < selectet node >
+ Node 3 --- < ??? >

Wie kann ich jetzt das aussehen von Node 3 mittels CSS verändern, wenn ich Node 2 ausgewählt habe?

[Google Translate]
How can I now the look of Node 3 change via CSS when I selected Node 2?


Beim unteren Beispiel sieht man auch, was ich vorhabe.
Node 3 ist selektiert und in Node 4 wird ein Schatten in der Zelle hinzugefügt.

How i add the Shadow Image in the Node 4 Cell is i select Node 3 ????
48405


Terra

greg.barry
31 Mar 2014, 7:15 PM
You may want to look into "adjacent selectors". I made a small example that changes the color of the next row to red.

Sie sollten "neben Selektoren" investiage. Ich machte ein kleines Beispiel, das die Farbe der nächsten Reihe zu rot ändert.

https://fiddle.sencha.com/#fiddle/4ll


tr.x-grid-row-selected + tr{
color:red !important;
}

You could also try to use nextNode().setStyle() after an itemclick. Though, that may involve clearing old styles.

Sie könnten auch versuchen, nextNode (). SetStyle () nach einer itemClick verwenden. Obwohl, dass kann bedeuten, Clearing alten Stile.

Danke vielmals!
Greg