Chcę wdrożyćten przykład listy komórek z jedną modyfikacją. Chcę, aby każdy wiersz stał się szary, gdy ktoś go kliknie. Powinien tam pozostać i nie zmieniać się, gdy użytkownik kliknie w innym wierszu. Wszystko w porządku, jeśli zniknie po wywołaniu nowego serwera. Robię to, aby oznaczyć to jako „przeczytaną wiadomość” dla użytkownika. Jakieś wskazówki?

Przesłoniłem (zaktualizowałem) styl css cellList, jak poniżej, ale kiedy sprawdzam, nie widzę, że stosowany jest styl „myCss”.

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;
}