2011-10-02 75 views
-1

我想要开发一个包含2个面板的注册表单。一个小组是个人信息,另一个是地址细节。在这些面板中,用户填写个人信息的所有细节,完成后,用户点击Add Address Details。如果用户点击它,第二个面板应该可见而不刷新页面。我怎样才能做到这一点?创建一个网页作为2个部分

回答

1

您将使用JavaScript追加第二个窗体到第一个窗体的div。或者,你有它的设置。所以在jQuery中它看起来像这样:

<script type="text/javascript"> 
$('#buttonid').click(function() { 
    $('#divid').append("<form><input />etc etc etc</form>"); 
}); 
</script> 
+0

先生请发送JavaScript代码的详细信息请先生 – user966602

+0

我建议你阅读jquery api。我无法给您做勺羹1. Becauese我不知道您的网页是如何设置的,2.您不会学到任何东西。 – vacarsu

0

你应该用UpdatePanel看看。在那里你可以用​​来表示不同的表格信息。绑定几个按钮点击并隐藏/显示不同的面板。

编辑一个简单的例子

<asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager> 
     <asp:UpdatePanel id="upnl" runat="server" ChildrenAsTriggers="true"> 
      <ContentTemplate> 
       <asp:Panel ID="pnl1" runat="server"> 
        <!--personal info--> 
        <asp:Button ID="btn1" runat="server" Text="this button could validate personal info, hide pnl1 and show pnl2" /> 
       </asp:Panel> 
       <asp:Panel ID="pn2" runat="server" Visible="false"> 
        <!--address info--> 
        <asp:Button id="btn2" runat="server" Text="this button could validate address information and finally submit the form." /> 
       </asp:Panel> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
+0

先生是新来的asp.net这从我的学术项目的医生注册请你可以给详细示例的updatepanels \ – user966602

+0

@ user966602我已经添加了一个简单的布局,你想要开始,但你会需要对其进行进一步的研究。我无法为您编写代码。 –

1

您应该使用ASP.NET Wizard control。它是这些场景的完美工具。斯科特·古有一篇文章解释了如何使用它。我建议你look at it.有一个视频链接,引导你通过一个完整的例子。

我不知道,但在同一页面上隐藏/显示基于特定条件的面板,对我来说感觉不合适和不合理。

相关问题