場景

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

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

在上面博客中已經(jīng)將網(wǎng)站部署到了IIS上。

經(jīng)常會(huì)遇到那種讓你一步一步填寫注冊信息的網(wǎng)站。

在ASP.NET中有現(xiàn)成的控件Wiazrd控件。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關(guān)注公眾號(hào)
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費(fèi)下載。

實(shí)現(xiàn)

在上面新建好了網(wǎng)站后在項(xiàng)目上右擊新建一個(gè)窗體，這里叫Wizard

?

然后打開此窗體的設(shè)計(jì)頁面，在工具箱中拖拽一個(gè)Wizard控件

?

然后怎樣對每一步驟進(jìn)行頁面布局項(xiàng)那。

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

?

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

如果直接拖拽的話頁面布局不好設(shè)置還可以進(jìn)入源代碼視圖進(jìn)行調(diào)整

?

這部分的代碼為：

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

然后同理在設(shè)計(jì)視圖上對第二步或者更多步進(jìn)行設(shè)置。

完整的示例代碼

<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">手機(jī)號(hào)：<asp:TextBox ID="TB_Phone" runat="server"></asp:TextBox></asp:WizardStep></WizardSteps></asp:Wizard>

然后需要對完成按鈕的點(diǎn)擊事件進(jìn)行編寫

在控件的屬性中的閃電標(biāo)識(shí)的事件列表中找到FinishButtonClick事件，雙擊進(jìn)入完成按鈕的點(diǎn)擊事件

?

然后就可以通過ID獲取到每個(gè)控件的文本并返回響應(yīng)

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

運(yùn)行項(xiàng)目，輸入第一步的信息

?

點(diǎn)擊下一步

?

然后點(diǎn)擊完成

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。