css - EXTJS Dataview 选择不会显示

Question

我正在尝试构建一个数据视图来显示一些图片。我要选择的这些图片（应该突出显示）然后与它们交互（例如删除）

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
}