場景

ASP.NET中新建Web網站并部署到IIS上(詳細圖文教程)：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107199747

在上面博客中已經將網站部署到了IIS上。

經常會遇到那種讓你一步一步填寫注冊信息的網站。

在ASP.NET中有現成的控件Wiazrd控件。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

在上面新建好了網站后在項目上右擊新建一個窗體，這里叫Wizard

?

然后打開此窗體的設計頁面，在工具箱中拖拽一個Wizard控件

?

然后怎樣對每一步驟進行頁面布局項那。

在單步驟頁面中首先拖拽一個Table用來控制布局

?

然后在每個td中拖拽要使用的控件，這里是拖拽的兩個label和兩個textbox

如果直接拖拽的話頁面布局不好設置還可以進入源代碼視圖進行調整

?

這部分的代碼為：

??????????????????? <table style="width:100%;"><tr><td>&nbsp;姓名:</td><td>&nbsp;<asp:TextBox ID="TB_Name" runat="server" Height="16px"></asp:TextBox></td></tr><tr><td>&nbsp;性別：</td><td>&nbsp;<asp:TextBox ID="TB_SEX" runat="server" Height="16px"></asp:TextBox></td></tr></table>

然后同理在設計視圖上對第二步或者更多步進行設置。

完整的示例代碼

<asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="0" BackColor="#F7F6F3" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" Height="226px" OnFinishButtonClick="Wizard1_FinishButtonClick" Width="480px"><HeaderStyle BackColor="#5D7B9D" BorderStyle="Solid" Font-Bold="True" Font-Size="0.9em" ForeColor="White" HorizontalAlign="Left" /><NavigationButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775" /><SideBarButtonStyle BorderWidth="0px" Font-Names="Verdana" ForeColor="White" /><SideBarStyle BackColor="#7C6F57" BorderWidth="0px" Font-Size="0.9em" VerticalAlign="Top" /><StepStyle BorderWidth="0px" ForeColor="#5D7B9D" /><WizardSteps><asp:WizardStep runat="server" title="Step 1"><table style="width:100%;"><tr><td>&nbsp;姓名:</td><td>&nbsp;<asp:TextBox ID="TB_Name" runat="server" Height="16px"></asp:TextBox></td></tr><tr><td>&nbsp;性別：</td><td>&nbsp;<asp:TextBox ID="TB_SEX" runat="server" Height="16px"></asp:TextBox></td></tr></table></asp:WizardStep><asp:WizardStep runat="server" title="Step 2">手機號：<asp:TextBox ID="TB_Phone" runat="server"></asp:TextBox></asp:WizardStep></WizardSteps></asp:Wizard>

然后需要對完成按鈕的點擊事件進行編寫

在控件的屬性中的閃電標識的事件列表中找到FinishButtonClick事件，雙擊進入完成按鈕的點擊事件

?

然后就可以通過ID獲取到每個控件的文本并返回響應

??????? protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e){Response.Write("姓名：" + TB_Name.Text + "-性別：" + TB_SEX.Text + "-手機號：" + TB_Phone.Text);}

運行項目，輸入第一步的信息

?

點擊下一步

?

然后點擊完成

?

總結

以上是生活随笔為你收集整理的ASP.NET中分步骤向导组件Wizard组件的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。