Хотите реализовать функцию «Пометить как прочитанную» в списке ячеек GWT
Я хочу реализоватьэтот пример списка сотовых с одной модификацией. Я хочу сделать каждую строку серого цвета, как только кто-то ее нажал. Он должен сохраняться там, а не изменяться, когда пользователь нажимает на другую строку. Ничего страшного, если он исчезнет, как только будет сделан новый вызов сервера. Я делаю это, чтобы пометить его как «прочитанное сообщение» для пользователя. Есть какие-нибудь подсказки?
Я переопределил (обновил) стиль css в cellList, как показано ниже, но когда я проверяю, я не вижу применяемого стиля '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;
}