我正在尝试构建数据视图以显示一些图片。我想要选择的这些图片(应该突出显示)然后与它们互动(例如删除)
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我只开发一个现代应用程序!
答案 0 :(得分:1)
您需要添加自己的css才能实现此目的:
.dataview-inline .x-item-selected
{
//your selection style
}
或强>
你可以创建你的选择课程&amp;在selectedCls
属性中提及它:
selectedCls:'<yourSelectClass>' // property in your dataview
.<yourSelectClass>{ // css class
//your selection style
}