EXTJS Выбор Dataview не отображать

Question

Я пытаюсь создать dataview для отображения некоторых изображений. Эти фотографии, которые я хочу, чтобы выбрать (должен быть выделен), а затем взаимодействовать с ними (например, удаление)

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

Что я должен добавить, чтобы иметь выделенный элемент? У меня есть переключатель самостоятельно, когда вы нажимаете на элемент? Нужно ли добавлять cls для имитации выделения? (например, как список?)

/e Я разрабатываю только современное приложение!

Answer 1

Вы должны добавить свой собственный CSS для достижения этой цели:

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

ИЛИ

вы можете Создав ваш выберите класс & упомянуть его в selectedCls собственности:

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