Bug report

Regression introduced in R1 2020. Related to #4741

Reproduction of the problem

Dojo example.

1. Click on Item1 or on SubItem2

Current behavior

The page does not navigate to the url set in the item's data.

Expected/desired behavior

The page navigates to the url set in the item's data.

Environment

• Kendo UI version: 2020.1.114
• jQuery version: x.y
• Browser: [all ]

Bug report

Reproduction of the problem

Inspect the PanelBar in the Templates demos (MVC/Core).

Current behavior

The root items are rendered as li elements nested directly within a div wrapping element.

Expected/desired behavior

The li elements should be nested in a ul element.

Note: Consider handling the scenario when a Kendo UI for jQuery PanelBar is initialized from a div element.

Environment

• Kendo UI version: 2020.2.617
• jQuery version: x.y
• Browser: [all]

Bug report

The dataBound event of the PanelBar does not fire when it is loaded with data through its Items configuration option. This is inconsistent with the behavior of the Kendo UI for jQuery PanelBar and the MVC TreeView, for which the event fires in the same scenario (local data).

Reproduction of the problem

Run the following example:

@(Html.Kendo().PanelBar()
    .Name("panelbar")
    .ExpandMode(PanelBarExpandMode.Single)
    .Events(events => events
        .DataBound("databound")
    )
    .Items(panelbar =>
    {
        panelbar.Add().Text("Root1")
            .Expanded(true)
            .Items(items =>
            {
                items.Add().Text("Sub-Item 2.1");
                items.Add().Text("Sub-Item 2.2");
            });

        panelbar.Add().Text("Root2")
            .Items(items =>
            {
                items.Add().Text("Sub-Item 2.1");
                items.Add().Text("Sub-Item 2.2");
            });
    })
)

<script>
    function databound(e) {
        alert('databound');
    }
</script>

Current behavior

The dataBound event does not fire.

Expected/desired behavior

The dataBound event fires.

Environment

• Kendo UI version: 2022.1.119
• jQuery version: x.y
• Browser: [all]

I have created this basic panelbar, in which expandall is set to false and one of the panelbars (i.e., General Info) is set to be expanded by default.

The problem is now with the second panelbar (Advanced Info), which is collapsed by default, but is not able to expand even after trying.

All that's  changing is expand and collapse arrow.

The same was working properly in earlier versions.

Hoping for your earliest response.

     @(Html.Kendo().PanelBar()
             .Name("Panelbar").Events(e => e.Error("onError").Expand("OnExpand").Collapse("OnCollapse"))
             .ExpandAll(false)
             .Items(panelbar =>
             {
                 panelbar.Add().Text("General Info")
             .Expanded(true)
             .Content(@<div class="container" style="margin:1%;width:auto"><p>HI</p></div>);
                 panelbar.Add().Text("Advanced Info")
             .Content(@<div class="container" style="margin:1%;width:auto"><p>HI</p></div>);  
             })
         )
 </div>