Criar tabs automaticamente utilizando o Ajax e adicionar controles

Para criar Tabs automaticamente utilizando o AjaxToolkit podemos trabalhar da seguinte forma:

Adicione em sua página o controle ajax:

<asp:TabContainer ID=”TabContainer1″ runat=”server” ActiveTabIndex=”0″>
</asp:TabContainer>

Observe que nenhuma Tab foi criada até o momento. Vamos então ao nosso behind e adicionar o seguinte código, a título de teste será adicionado no page_load.

protected void Page_Load(object sender, EventArgs e)
{
AjaxControlToolkit.TabContainer containeres = (AjaxControlToolkit.TabContainer)TabContainer1;

for (int i= 0; i <= 5; i++)
{
AjaxControlToolkit.TabPanel tab = new AjaxControlToolkit.TabPanel();
tab.HeaderText = “NOVA TAB” + i;
tab.ID = “IDTABNOVA” + i;
containeres.Tabs.Add(tab);
}

}

Poderemos também adicionar controles as nossas Tabs dinâmicamente, para realizarmos isso poderemos utilizar o seguinte código

for (int ano = DateTime.Today.Year; ano >= 2008; ano–)
{
Label lbl = new Label();
lbl.ID = “IDLabel” + ano;
lbl.Text = “Ano: ” + ano;
AjaxControlToolkit.TabPanel tab = (AjaxControlToolkit.TabPanel)containeres.FindControl(string.Format(“IDTABNOVA{0}”, ano.ToString()));
tab.Controls.Add(lbl);
}

No exemplo a cima realizo a inclusão de um label nas Tab localizando através do ID atribuido as mesmas e adiciono um texto nessa label, neste caso adicionei o ano.