Create dynamic closable RadTab and RadMultiPage server - side

[fabio selingrim]

Hi,

I'd like to know how to dynamically add a RadTab control with 'Close' feature SERVER-SIDE.

I've alread created the tabs, but i cannot add a 'Close' gif on them.

thanks in advance

[Paul]

Hello fabio,

Please find below a sample code snippet that shows the needed approach.

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        RadTab tab1 = new RadTab();
        tab1.Text = "tab1";
        RadTabStrip1.Tabs.Add(tab1);

        RadTab tab2 = new RadTab();
        tab2.Text = "tab2";
        RadTabStrip1.Tabs.Add(tab2);

        RadTab tab3 = new RadTab();
        tab3.Text = "tab3";
        RadTabStrip1.Tabs.Add(tab3);

        RadTabStrip1.DataBind();
    }

    foreach (RadTab myTab in RadTabStrip1.GetAllTabs())
    {
        Literal myText = new Literal();
        myText.Text = myTab.Text;
        myTab.Controls.Add(myText);

        HtmlImage myImage = new HtmlImage();
        myImage.Src = "delete.gif";
        myImage.Alt = "delete";
        myImage.Style.Add("margin-left", "10px");
        myImage.Attributes.Add("onclick", string.Format("deleteTab('{0}')", myText.Text));
        myTab.Controls.Add(myImage);
    }
}

Greetings,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Carlos]

thanks ..

what would be the method code of deleteTab() ??

[Carlos]

I using this method

function deleteTab(tab)
       {
           var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
           
           var tabToSelect = tab.get_nextTab();
           if (!tabToSelect)
               tabToSelect = tab.get_previousTab();
               
           tabStrip.get_tabs().remove(tab);
           
           if (tabToSelect)
               tabToSelect.set_selected(true);
       }

but i get this error tab.get_nextTab is not a function

why ?

[Scott R]

It's "tab.get_nextSibling()" and "tab.get_previousSibling()".