Listview with expanding preview for list item

[vikrant]

Hi team,

 

Let me know if we can implement an expanding view for selected list item in a list view (displayed as tile format). Something similar to google image search when we select any image it opens it in below row in an expanding div.

I tried using tool tip but i wan it to open in an expanding view and not outside of the listview and also its not centered its position is relative to the selected item

Let me know if it's possible to implement in listview.

 

Thanks

[Dimiter Topalov]

Hello Vikrant,

The Kendo UI ListView widget does not have its own rendering, and instead gives the developer the freedom to specify a custom type of layout for the items.

The desired functionality is not supported out-of-the-box, but can be achieved with some custom code. I can suggest handling the change event, and access the currently selected item via the select() method in the handler, e.g.:

$("#listView").kendoListView({

    template: ...,

    dataSource: ...,

    selectable: true,

    change: function() {

        var selected = this.select();
selected.(...)

    }

 });

Then you can perform the custom logic that best fits your scenario, to either append a new element to the currently selected one, or show/hide an existing element within the template that can contain the content that should be shown when an item is selected.

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress