asp.net中的多个面板 [英] Multiple Panel in asp.net

问题描述

你好朋友

我正在开发一个Web应用程序，以使用C#将我的朋友列表保存在asp.net中.我想在单个页面中创建多个面板，并在相同位置的单击事件中显示/隐藏面板，以输入我的主设置，例如城市主，州主，国家主等.

请帮帮我.

在此先感谢


< asp:Panel ID ="pnlCity" runat ="server" Visible ="False">
< table border ="0" id ="tblCity">
< tr>
< th scope ="col" align ="left">
< asp:标签ID ="Label1" runat =服务器" Font-Names ="Verdana"
Font-Size ="Small" Text =城市名称:"></asp:Label> </th>
< th scope ="col" class ="style2" align ="right">
< asp:TextBox ID ="txtCity" runat ="server"
Font-Names ="Verdana" Font-Size ="Small" Width ="175px"></asp:TextBox> </th>
</tr>
< tr>
< th scope ="col" colspan ="2" align ="left">
< asp:标签ID ="lblMSG" runat =服务器" Font-Names ="Verdana" Font-Size ="Small"
Text ="Label" Visible ="False"></asp:Label> </th>
</tr>
< tr>
< th scope ="col">& nbsp; </th>
< th scope ="col" align ="right" class ="style2">
< asp:按钮ID ="btnCitySave" runat =服务器"
Font-Names ="Verdana" Font-Size ="Small" Text ="Save" Width ="100px"
onclick ="btnCitySave_Click"/> </th>
</tr>
</table>
</asp:Panel>



另一个面板是:

< asp:Panel ID ="pnlState" runat ="server" Visible ="False">
< table border ="0" id ="tblState">
< tr>
< th scope ="col" align ="left">
< asp:标签ID ="Label1" runat =服务器" Font-Names ="Verdana"
Font-Size ="Small" Text =状态名称:"></asp:Label> </th>
< th scope ="col" class ="style2" align ="right">
< asp:TextBox ID ="txtState" runat =服务器"
Font-Names ="Verdana" Font-Size ="Small" Width ="175px"></asp:TextBox> </th>
</tr>
< tr>
< th scope ="col" colspan ="2" align ="left">
< asp:标签ID ="lblMSG" runat =服务器" Font-Names ="Verdana" Font-Size ="Small"
Text ="Label" Visible ="False"></asp:Label> </th>
</tr>
< tr>
< th scope ="col">& nbsp; </th>
< th scope ="col" align ="right" class ="style2">
< asp:按钮ID ="btnStateSave" runat =服务器"
Font-Names ="Verdana" Font-Size ="Small" Text ="Save" Width ="100px"
onclick ="btnStateSave_Click"/> </th>
</tr>
</table>

</asp:Panel>

当我单击添加城市按钮或添加状态按钮时，我想一次在同一位置显示单个面板.

解决方案

< a href ="http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/CollapsiblePanel/CollapsiblePanel.aspx">http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/CollapsiblePanel/CollapsiblePanel.aspx</a" ://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/CollapsiblePanel/CollapsiblePanel.aspx"target =" _ blank"title =" New Window> ^</a>]

您可以使用可折叠的AJAX控件面板，免费使用AJAX控件工具包.

在页面加载中都看不见. .

点击添加城市按钮

 pnlCity.visible =  true ;
  pnlState.visible =  false ; 

点击州立城市按钮

 pnlCity.visible =  false ;
 pnlState.visible =  true ;

Hello Friends

I am developing a web application to hold my friend list in asp.net using C#. i want to make multiple Panel in single page and show/hide panel in click event in same position for input my master settings like city master, state master, country master etc.

please help me.

thanks in advance


<asp:Panel ID="pnlCity" runat="server" Visible="False">
<table border="0" id="tblCity">
<tr>
<th scope="col" align="left">
<asp:Label ID="Label1" runat="server" Font-Names="Verdana"
Font-Size="Small" Text="City Name :"></asp:Label> </th>
<th scope="col" class="style2" align="right">
<asp:TextBox ID="txtCity" runat="server"
Font-Names="Verdana" Font-Size="Small" Width="175px"></asp:TextBox> </th>
</tr>
<tr>
<th scope="col" colspan="2" align="left">
<asp:Label ID="lblMSG" runat="server" Font-Names="Verdana" Font-Size="Small"
Text="Label" Visible="False"></asp:Label> </th>
</tr>
<tr>
<th scope="col">&nbsp; </th>
<th scope="col" align="right" class="style2">
<asp:Button ID="btnCitySave" runat="server"
Font-Names="Verdana" Font-Size="Small" Text="Save" Width="100px"
onclick="btnCitySave_Click" /> </th>
</tr>
</table>
</asp:Panel>



An other panel is:

<asp:Panel ID="pnlState" runat="server" Visible="False">
<table border="0" id="tblState">
<tr>
<th scope="col" align="left">
<asp:Label ID="Label1" runat="server" Font-Names="Verdana"
Font-Size="Small" Text="State Name :"></asp:Label> </th>
<th scope="col" class="style2" align="right">
<asp:TextBox ID="txtState" runat="server"
Font-Names="Verdana" Font-Size="Small" Width="175px"></asp:TextBox> </th>
</tr>
<tr>
<th scope="col" colspan="2" align="left">
<asp:Label ID="lblMSG" runat="server" Font-Names="Verdana" Font-Size="Small"
Text="Label" Visible="False"></asp:Label> </th>
</tr>
<tr>
<th scope="col">&nbsp; </th>
<th scope="col" align="right" class="style2">
<asp:Button ID="btnStateSave" runat="server"
Font-Names="Verdana" Font-Size="Small" Text="Save" Width="100px"
onclick="btnStateSave_Click" /> </th>
</tr>
</table>

</asp:Panel>

i want to show single panel in same position at a time when i click in a add city button or add State button

解决方案

<a href="http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/CollapsiblePanel/CollapsiblePanel.aspx">http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/CollapsiblePanel/CollapsiblePanel.aspx</a>[<a href="http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/CollapsiblePanel/CollapsiblePanel.aspx" target="_blank" title="New Window">^</a>]

this will help u

you can use the collapsable panel of AJAX control, AJAX control tool kit is free.

In page load both be invisible..

Click add city button

pnlCity.visible=true;
  pnlState.visible=false;

Click State city button

pnlCity.visible=false;
 pnlState.visible=true;

这篇关于asp.net中的多个面板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！