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

[PATRICE]

Hi!

Is this possible with the version 2022.2.621? I gave it a shot by copy/pasting the dojo code and I don't get the same results. The "cards" are not hidden, and there is no show/hide effect on the panel.

Thanks for your help!

[Martin]

Hello, Patrice,

The 2022.2.621 version of the example looks to be working the same as with the 2023 version. Could you please let me know if I am missing something to observe the issues you are experiencing?