Sencha Touch DataView and highlighting a row when selected -
i have dataview list inside container displaying items correctly inside view. however, whenever click on item isn't getting highlighted.
i've added view containing dataview list:
onitemtap: function (container, target, index, e) { var me = this; me.callparent(arguments); // warning: without call, row not become selected }
i've read item won't selected if don't have above. can see event being fired ok too. if debug through sencha touch source code, can see css class x-item-selected being added div wrapping list item, there no highlighting of row. works fine on normal lists missing?
updated css seems work.
.x-dataview .x-data-item.x-item-selected { border-top-color: #006bb6; background-image: -webkit-linear-gradient(top, #0398ff, #007ad0 3%, #005c9d); color: white; }
by default sencha touch dataview doesn't provide highlighting. add background or .x-item-pressed
or .x-item-selected
class , desired effect.
Comments
Post a Comment