Ich möchte umsetzenDieses Beispiel der Celllist mit einer Modifikation. Ich möchte aus jeder Zeile eine graue Farbe machen, sobald jemand darauf klickt. Es sollte dort bestehen bleiben und sich nicht ändern, wenn der Benutzer auf eine andere Zeile klickt. Es ist in Ordnung, wenn es weg ist, sobald ein neuer Serveraufruf erfolgt. Ich mache dies, um es als "gelesene Nachricht" für den Benutzer zu markieren. Irgendwelche Hinweise?

Ich habe den CSS-Stil von cellList wie folgt überschrieben (aktualisiert), aber bei der Überprüfung sehe ich nicht, dass der myCss-Stil angewendet wird.

CellListStyles.css

@external .dataView-cellListWidget;
@external .dataView-cellListEvenItem;
@external .dataView-cellListOddItem;
@external .dataView-cellListKeyboardSelectedItem;
@external .dataView-cellListSelectedItem;

.dataView-cellListWidget{}
.dataView-cellListEvenItem{}
.dataView-cellListOddItem{}
.dataView-cellListKeyboardSelectedItem{}
.dataView-cellListSelectedItem{} 


.dataView-cellListWidget {

}

@external .dataView-cellListEvenItem .myCss{
    background-color: aqua;
}

@external .dataView-cellListOddItem .myCss{
    background-color: aqua;
}

.dataView-cellListEvenItem,.dataView-cellListOddItem {
    cursor: pointer;
    padding: 2px 5px;
    zoom: 1;
}

@external .dataView-cellListKeyboardSelectedItem .myCss{
    background-color: red;
}
.dataView-cellListKeyboardSelectedItem {
    background: #ffc;
}

.dataView-cellListSelectedItem {
    background-color: #FFCBC1;
    color: #121212;
    height: auto;
    overflow: visible;
}