웹 페이지를 2 부분으로 작성하십시오.

Question

두 개의 패널이있는 등록 양식을 개발하고 싶습니다. 하나의 패널은 개인 정보이고 다른 하나는 주소 정보입니다. 이 패널에서 사용자는 모든 개인 정보를 입력하고이를 완료 한 후 Add Address Details을 클릭합니다. 사용자가 클릭하면 페이지 새로 고침없이 두 번째 패널이 표시됩니다. 이것을 어떻게 할 수 있습니까?

Answer 1

javascript를 사용하면 두 번째 양식을 첫 번째 양식의 div에 추가 할 수 있습니다. 또는 그러나 당신은 그것을 가지고있다.

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

Answer 2

당신은 UpdatePanel를 사용하여 조사해야합니다 그래서 JQuery와에이 같이 보일 것입니다. 그 안에 다른 양식 정보가있는 Panels에 배치 할 수 있습니다. 몇 번의 버튼 클릭으로 타이핑하고 다른 패널을 숨기거나 표시하십시오. 간단한 예와

편집

<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> 

Answer 3

당신은 ASP.NET Wizard control를 사용해야합니다. 이 시나리오를위한 완벽한 도구입니다. Scott Gu는 그것을 사용하는 방법을 설명하는 링크가있는 게시물을 가지고 있습니다. 나는 당신을 추천한다 look at it. 완전한 예를 통해 당신을 안내하는 링크 된 비디오가있다.

모르겠다.하지만 같은 페이지에서 특정 조건을 기반으로 패널을 숨기거나 표시하는 것은 내게 기분이 좋지 않고 해킹이된다고 느낍니다.