I have a PanelBar that is getting populated client-side via JS. Below is a code example:
This seems to serve it's purpose, I can inspect the root item after the loop and can see all the added child items.
The problem is when I click on this RadPanelBar root item, nothing happens. The "expand/collapse" icon switches on click and any expand/collapse/click events are fired as normal, just no child Items are shown. I have tried almost everything.
Even when adding the RadPanelItems statically at design time, I see the same problem.
This also has the same outcome, can't expand to see the child item.
Any ideas? Am I missing something?
var
panel = $find(
'RadPanelBar'
);
var
rootItem = panel.findItemByText(
"RootItem"
);
for
(
var
i = 0; i < array.length; i++) {
var
item =
new
Telerik.Web.UI.RadPanelItem();
item.set_text(array[i].someText);
panel.trackChanges();
rootItem.get_items().add(item);
panel.commitChanges();
}
This seems to serve it's purpose, I can inspect the root item after the loop and can see all the added child items.
The problem is when I click on this RadPanelBar root item, nothing happens. The "expand/collapse" icon switches on click and any expand/collapse/click events are fired as normal, just no child Items are shown. I have tried almost everything.
Even when adding the RadPanelItems statically at design time, I see the same problem.
<
telerik:RadPanelBar
ID
=
"RadPanelBar1"
runat
=
"server"
Width
=
"100%"
Height
=
"600px"
>
<
Items
>
<
telerik:RadPanelItem
runat
=
"server"
Text
=
"TestRoot"
Expanded
=
"True"
>
<
Items
>
<
telerik:RadPanelItem
Text
=
"TestChild"
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelBar
>
This also has the same outcome, can't expand to see the child item.
Any ideas? Am I missing something?