EXTJS Dataview selection wont display

Question

I'm trying to build a dataview to display some pictures. These pictures I want to select (should be highlighted) and then interact with them (delete e.g.)

xtype: 'dataview',
        id:'fotodataview',
        scrollable: true,
        inline: true,
        mode: 'MULTI',           
        cls:'dataview-inline',
        itemTpl: '<div class="img" style="background-image:url({image}); "> </div><div class="name">{name}<br/>{date}</div>',          
        store: dataViewStore,
        listeners:{
            //itemtap:'onItemTap'
        }

What do I have to add to have a highlighted item? Do I have the toggle the selection on my own when tapping a item? Do I have to add a cls to simulate a selection? (e.g. like list?)

/e I'm developing a modern app only!

Answer 1

You need to add your own css to achieve this:

.dataview-inline .x-item-selected
{
//your selection style
}

OR

you can created your your select class & mention it in selectedCls property:

selectedCls:'<yourSelectClass>'  // property in your dataview
.<yourSelectClass>{             // css class
//your selection style
}