I have a panel bar with A to Z value. They are static.
As you can see, all the Parent Item values are static A to Z.
How do i dynamically list all contacts for A from a DB when user click on A? It should be like grouping.
<Items>
<telerik:RadPanelItem runat="server" Font-Bold="True" Font-Size="Larger" Text="Back">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="A" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="B" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="C" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="D" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="E" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="F" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="G" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="H" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="I" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="J" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="K" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="L" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="M" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="N" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="O" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="P" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="Q" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="R" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="S" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="T" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="U" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="V" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="W" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="X" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="Y" Font-Size="Large">
</telerik:RadPanelItem>
<telerik:RadPanelItem runat="server" Text="Z" Font-Size="Large">
</telerik:RadPanelItem>
</Items>