[ASP.NET] 표준컨트롤 #11 - Wizard

 

Wizard 컨트롤은 순서가 있는 작업들을 쉽게 처리할 수 있도록 해줍니다.
예를 들어 쇼핑몰 같은 경우 보통 아래와 같은 절차를 따릅니다.
물품선택 -> 주문자 정보 입력 -> 주문확인 -> 결제 -> 결제확인

이와 같이 특정 절차를 따르는 작업을 쉽게 처리 할 때 Wizard 컨트롤이 이용됩니다.

protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e)
    {
        Label1.Text = "랜실 페브리즈 3종 세트: " + TextBox1.Text + "개";
        Label2.Text = "김수미의 간장게장:" + TextBox2.Text + "개";
        Label3.Text = "주소:" + TextBox3.Text;
    }

Wizard1의 FinishButtonClick 이벤트 처리기로서 스텝2의 마침 버튼이 클릭될 때 실행됩니다.
이 이벤트 처리기는 단순히 여러 Wizard Step에서 TextBox에 입력한 정보를 출력하는 역할을 합니다. 

<asp:Wizard ID="Wizard1" runat="server" OnFinishButtonClick ="Wizard1_FinishButtonClick" CellPadding="5" Width="500">
        <WizardSteps>
        <asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
        <b>물품 주문</b>
        <<p></p>
        랜실 페브리즈 3종 세트:
        <asp:TextBox ID="TextBox1" runat="server" Text="1" Columns="3"></asp:TextBox> 개
        <br />
        김수미의 간장게장:
        <asp:TextBox ID="TextBox2" runat="server" Text="1" Columns="3"></asp:TextBox>개
       
        </asp:WizardStep>
        <asp:WizardStep ID="WizardStep2" runat="server" Title="스텝 2">
        <b>주소 입력</b>
        <p></p>
        주소: <asp:TextBox ID="TextBox3" runat="server" Width="200" ></asp:TextBox>
        </asp:WizardStep>
        <asp:WizardStep ID="WizardStep3" runat="server" Title="Step 3" StepType="Complete">
        <b>최종 주문 확인</b>
        <p></p>
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label><br />
        <asp:Label ID="Label2" runat="server" Text=""></asp:Label><br />
        <asp:Label ID="Label3" runat="server" Text=""></asp:Label><br />
       
        </asp:WizardStep>
        </WizardSteps>
        </asp:Wizard>

Wizard 컨트롤에 총 3개의 WizardStep 컨트롤(WizardStep1, WizardStep2, WizardStep3)을 선언 했습니다. 
WizardStep1 은 속성을 지정하지 않았기 때문에 Auto가 지정되어 Start 형식이 자동으로 형성됩니다.

위와 같은 것이 Start 형식으로 최초시작 WizardStep이며 <다음> 버튼 밖에 없습니다.
다음을 누르게 되면

Finish 형식의 WizardStep으로 <이전>과 <마침>버튼을 가집니다.
Finish 형식전에 Step 형식이 있는데 여기서는 생략했습니다.
Step형식은 <이전>과 <다음> 버튼을 가집니다.

Complete 형식의 WizardStep으로 앞단계에서 입력된 콘텐츠 부분만 보여줍니다.

이렇게 특정 절차를 따르는 것을 쉽게 처리하고자 할 때 Wizard컨트롤을 사용합니다.