TabContainer動態添加TabPanel,TabPanel動態添加HeaderTemplate,ContentTemplate

測試環境 VS2005

AjaxControlToolkit的TabContainer控制項,頁面的html上 需要放置

  <AjaxAsp:ScriptManager ID="ScriptManager1" runat="server">
        </AjaxAsp:ScriptManager>

後台代碼為：

AjaxControlToolkit.TabPanel ta = new AjaxControlToolkit.TabPanel();
ta.HeaderText = "你好";
ta.ID = "1";
ta.TabIndex = 0;
Label lb=new Label ();
lb.Text="你好的具體內容";
ta.Controls.Add(lb);

AjaxControlToolkit.TabPanel tb = new AjaxControlToolkit.TabPanel();
tb.HeaderText = "你好嗎";
tb.ID = "2";
tb.TabIndex = 1;
Label lb1 = new Label();
lb1.Text = "你好嗎的具體內容";
tb.Controls.Add(lb1);

AjaxControlToolkit.TabContainer tab = new AjaxControlToolkit.TabContainer();
tab.Tabs.Add(ta);
tab.Tabs.Add(tb);
this.pn.Controls.Add(tab);

 

pn一個Panel控制項 在panel控制項上 添加了TabContainner,並在Panel上動態添加了TabContainer,TabPanel 。

TabPanel的ContentTemplate是個內容範本，可以在裡面動態添加控制項 ，來顯示具體的內容。

從資料庫讀取資料到TabPanel上顯示，和上面的例子一樣，換下資料就可以了......

效果如下，本人親自測試了下 

 

write by :suhanyu  Date:2008-11-18