EXTJS数据视图选择不会显示

时间:2016-02-17 13:47:55

标签: css extjs extjs6-modern

我正在尝试构建数据视图以显示一些图片。我想要选择的这些图片(应该突出显示)然后与它们互动(例如删除)

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我只开发一个现代应用程序!

1 个答案:

答案 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
}