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>
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).
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>
The dataBound event does not fire.
The dataBound event fires.
Inspect the PanelBar in the Templates demos (MVC/Core).
The root items are rendered as li elements nested directly within a div wrapping element.
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.
Regression introduced in R1 2020. Related to #4741
Dojo example.
The page does not navigate to the url set in the item's data.
The page navigates to the url set in the item's data.