Kendo listview with collapse and expand function

[Enrico]

how can I add a expand and collapse button for every grouping in kendo listview?

[Georgi Denchev]

Hi, Enrico,

The ListView doesn't have a built-in functionality for expanding/collapsing, however you could initialize a Kendo PanelBar over its content to achieve the desired effect.

          let ls = $("#listView").kendoListView({
            dataSource: dataSource,
            template: kendo.template($("#template").html())
          }).data("kendoListView");

          ls.content.kendoPanelBar({
            expand: function(e) {
              $(e.item).find(".cards").css("display", "flex");
            },
            collapse: function(e) {
              $(e.item).find(">span").removeClass("k-selected");
            }
          });

Dojo

https://dojo.telerik.com/@gdenchev/UkETAZov 

Best Regards,
Georgi Denchev
Progress Telerik