WebForms中的選項卡

Question

我試圖在運行時創建一組選項卡，一段時間後，它們正常工作 - 但現在它們似乎只顯示以前呈現的選項卡下的所有選項卡的內容。看起來很愚蠢，就我所知，就代碼而言，由於代碼運行起來沒有任何變化，所以我對發生了什麼事情有點困惑......

對於本例的目的我不會使用循環，雖然這看起來沒有問題，因爲循環似乎不是問題。

<asp:Panel runat="server" ID="pnlTabs"> 
    <ul runat="server" id="ulSections" /> 
</asp:Panel> 

我得出的結論是，我的代碼必須在故障所以這裏是C＃：

HtmlGenericControl liTab = new HtmlGenericControl("li");       
HtmlGenericControl anTab = new HtmlGenericControl("a"); 
anTab.Attributes.Add("href", "#Tab1"); 
anTab.InnerText = Tab1; 
liTab.Controls.Add(anTab); 
ulSections.Controls.Add(liTab); 

var pnl = new Panel(); 
pnl.ID = Tab1; 
pnlTabs.Controls.Add(pnl); 

我將不會對「PNL」我控制什麼。任何人都可以告訴我我的錯誤是什麼？

Answer 1

我發現問題所在，基本上是「anTab」的InnerText不能與「anTab」的href屬性相同，因爲這會導致混淆並導致所有選項卡中的內容僅出現在第一個（選定）選項卡，而其餘選項卡不起作用。

例如，下面的代碼在「anTab」的InnerText爲「Tab 1」時正常工作，並且href正在查找ID爲「Tab1」的控件，該ID是面板的ID。

HtmlGenericControl liTab = new HtmlGenericControl("li");       
HtmlGenericControl anTab = new HtmlGenericControl("a"); 
anTab.Attributes.Add("href", "#Tab1"); 
anTab.InnerText = "Tab 1"; 
liTab.Controls.Add(anTab); 
ulSections.Controls.Add(liTab); 

var pnl = new Panel(); 
pnl.ID = "Tab1"; 
pnlTabs.Controls.Add(pnl); 

下面我們可以看到，「anTab」將InnerText是一樣的href和我們希望的選項卡，使用面板的ID，這將導致混亂，因爲HREF現在假設你想要的「標籤點擊」指向自己而不是實際面板。

HtmlGenericControl liTab = new HtmlGenericControl("li");       
HtmlGenericControl anTab = new HtmlGenericControl("a"); 
anTab.Attributes.Add("href", "#Tab1"); 
anTab.InnerText = "Tab1"; 
liTab.Controls.Add(anTab); 
ulSections.Controls.Add(liTab); 

var pnl = new Panel(); 
pnl.ID = "Tab1"; 
pnlTabs.Controls.Add(pnl); 

Answer 2

//THIS ADDS THE <A> to the <LI> 
liTab.Controls.Add(anTab); 

//THIS ADDS THE <LI> to the <UL> 
ulSections.Controls.Add(liTab); 

//THIS CODE Appear to have nothing to do with anything. 
var pnl = new Panel(); 
pnl.ID = Tab1; 
pnlTabs.Controls.Add(pnl); 

如果您查看源代碼，甚至可以確認HTML是否在html中呈現。

在你的代碼背後是這個代碼...在按鈕點擊，在頁面加載，在初始化？