How to get the selected item from a kendo listview Angular

[hiba]

This is the first time I am using kendo listview and I am wondering how to get the selected Item from the listView ! I mean how can I change the listView to selectable and then how can I recuperate the selected Item ? Can anyone help me ?

[Dimiter Madjarov]

Hi Hiba,

Currently the ListView component does not support selection functionality. We have this feature in mind and will implement it in the near future.

Please excuse us for any inconvenience caused.

Regards,
Dimiter Madjarov
Progress Telerik

[hiba]

Ok thank you for answering

[Vedad]

Hi Dimiter, 

any news on listView selection feature? 

I need it for a feature in our new app.. :)

Thank you and regards,

Vedad

[Yanmario]

Hi Vedad,

The selection functionality isn't currently planned for the upcoming releases and we can't provide any specific timeline on the addition of the selection functionality. Please follow the feature request thread for any further updates on this matter:

https://feedback.telerik.com/kendo-angular-ui/1485461-listview-add-selection-functionality

Regards,
Yanmario
Progress Telerik

[Vedad]

Hi Yanmario,

thank you for your reply.

I am little disappointed that almost year after hiba's question such a simple feature still didn't even came to serious plans. 

I was able to found a workaround for this, but I always prefer built in solutions as they are cleaner.

I hope this will come higher on the list soon.

All the best,

Vedad

[Pierre]

@vedad Can you share you workaround?

[Vedad]

Hi @Pierre, 

basically you need to use 

<ng-template kendoListViewItemTemplate let-dataItem="dataItem">
            <div class="item" >
              <div class="description" (click)="mySelectionEvent(dataItem)">
                <div class="item-name"> {{ dataItem.name }}</div>
                <div class="category-name"> {{ dataItem.category | lowercase | translate}} </div>
              </div>
            </div>

          </ng-template>

and then handle selection event within your code by using mySelectionEvent.

For example, I create list of selected items which i update on each event (select/deselect) and also I set up some data which i display externally. But, you can do anything with it afterwards.

I hope this helps.

Regards,

Vedad

[Pierre]

@Vedad thanks for the time you take to share your solution. I will do that too. I d'ont understand we Teleirk do not have this function out of the box!

Regards,

Pierre

[Vedad]

No problem, if you need additional help write..

regards,

Vedad