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を持つコントロールを探しているので、次のコードは正しく機能します。

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でレンダリングされるかどうかを確認できますか？

ここで、あなたのコードの背後にはこのコードがあります...ボタンのクリック、ページの読み込み、初期化では？