New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Add/Remove/Disable Items

  • Add At Runtime
    • RadEditor
    • RadPanelBar
    • RadMenu
    • RadTabStrip
  • Remove At Runtime
    • RadEditor
    • RadPanelBar
    • RadMenu
    • RadTabStrip
  • Disable At Runtime
    • RadEditor
    • RadPanelBar
    • RadMenu
    • RadTabStrip

With RadPanelBar it is easy to add, remove or disable items at runtime.

This example shows how to add, remove or disable an item upon ItemClick. For this purpose the ItemClick event is wired up.

[C#]
protected void RadPanelbar1_ItemClick(object sender, RadPanelBarEventArgs e)
{
    if (e.Item.Owner is RadPanelItem)
    {
        RadPanelItem parentItem = (RadPanelItem)e.Item.Owner;

        switch (parentItem.Text)
        {
            case "Add At Runtime":
                RadPanelItem NewItem = new RadPanelItem();
                NewItem.Text = "New " + e.Item.Text;
                //Adds item to the Items Collection of the item's owner
                e.Item.Owner.Items.Add(NewItem);
                break;

            case "Remove At Runtime":
                //Removes the item from the Items Collection of the item's owner
                e.Item.Owner.Items.Remove(e.Item);
                break;

            case "Disable At Runtime":
                //Disables the item
                e.Item.Enabled = false;
                break;
        }
    }
}

[VB]
Protected Sub RadPanelbar1_ItemClick(ByVal sender As Object, ByVal e As RadPanelBarEventArgs)
	If TypeOf e.Item.Owner Is RadPanelItem Then
		Dim parentItem As RadPanelItem = DirectCast(e.Item.Owner, RadPanelItem)

		Select Case parentItem.Text
			Case "Add At Runtime"
				Dim NewItem As New RadPanelItem()
				NewItem.Text = "New " + e.Item.Text
				'Adds item to the Items Collection of the item's owner
				e.Item.Owner.Items.Add(NewItem)
				Exit Select
			Case "Remove At Runtime"

				'Removes the item from the Items Collection of the item's owner
				e.Item.Owner.Items.Remove(e.Item)
				Exit Select
			Case "Disable At Runtime"

				'Disables the item
				e.Item.Enabled = False
				Exit Select
		End Select
	End If
End Sub
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • panelbar.xml
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="PanelBar.Examples.ServerSide.AddRemoveDisable.DefaultCS" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />

     <div class="demo-container size-thin">
        <telerik:RadPanelBar RenderMode="Lightweight" ID="RadPanelBar1" runat="server" Width="100%" ExpandMode="FullExpandedItem"
            Height="250px" OnItemClick="RadPanelbar1_ItemClick">
        </telerik:RadPanelBar>
    </div>

    </form>
</body>
</html>

Support & Learning Resources

Find Assistance