css - EXTJS Dataview 选择不会显示

Question

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

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
}