Add User Control Programmatically To RadPanelBar

[jfkrueger]

<telerik:RadPanelBar
    ID="rpbCSRLists"
    runat="server"
    ExpandMode="SingleExpandedItem"
    AllowCollapseAllItems="true"
    Width="100%"
    PersistStateInCookie="true"
    OnClientItemExpand="OnClientItemExpand">

        <Items>

            <telerik:RadPanelItem Text="Alternative Words to Search In Plan Documents" Selected="true">

                <Items>

                    <telerik:RadPanelItem>

                        <ItemTemplate>

                            <CSR:AlternativeWords ID="uctAlternativeWords" runat="server" />

                        </ItemTemplate>

                    </telerik:RadPanelItem>

                </Items>

            </telerik:RadPanelItem>

        </Items>

    </telerik:RadPanelBar>

Instead of adding my User Control declaratively, how would I go about adding this user control programmatically when the panel bar is clicked? I know I can use the ItemClicked event but actually adding the control is giving me problems ("cannot add control to literal control etc). I just can't seem to get the heirarcy right to find where I should be adding the control.

Thanks!

[jfkrueger]

I have followed this example to try and accomplish what I need:

http://www.telerik.com/help/aspnet-ajax/radpanelbar-dynamically-created-radmenu.html

However it is not working, the control is not added to the PanelItem, there is nothing there when it expands.

Here is my code:

<telerik:RadPanelBar
    ID="rpbCSRLists"
    runat="server"
    ExpandMode="SingleExpandedItem"
    AllowCollapseAllItems="true"
    Width="100%"
    PersistStateInCookie="true"
    OnClientItemExpand="OnClientItemExpand"
    OnClientItemCollapse="OnClientItemCollapse">

    <Items>

        <telerik:RadPanelItem runat="server" Text="Alternative Words to Search In Plan Documents" Selected="true">

            <Items>

                <telerik:RadPanelItem runat="server" Value="alternativeWordsTemplateHolder">


                </telerik:RadPanelItem>

            </Items>

        </telerik:RadPanelItem>

    </Items>

</telerik:RadPanelBar>

Protected Sub rpbCSRLists_ItemClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadPanelBarEventArgs) Handles rpbCSRLists.ItemClick

    Dim panelItem As Telerik.Web.UI.RadPanelItem = Nothing
    Dim uctControl As Object = Nothing

    Select Case e.Item.Index
      Case 0
            uctControl = New UserControls_CSRParts_AlternativeWordsList
            panelItem = DirectCast(rpbCSRLists.FindItemByValue("alternativeWordsTemplateHolder"), Telerik.Web.UI.RadPanelItem)
            panelItem.Controls.Add(uctControl)
    End Select

End Sub

How can I get this to work? I have many RadPanelItems each containing a WebUserControl with a pretty hefty grid on each. This is causing a huge ViewState and the grids to be very slow when sorting, filtering, etc. I just want the control loaded if the user actually clicks on that RadPanelItem.

Thanks!

[jfkrueger]

It works fine if I add a normal asp.net control, but does not work when adding a WebUserControl...

[jfkrueger]

How come you guys mark this post as "closed" when it has not been resolved? In any case, here is how I was able to do it:

Dim uc As Control = Page.LoadControl("uc_form.ascx")
myPlaceHolder.Controls.Add(uc)