ASP.Net/Components/Wizard
Содержание
asp:Wizard Demo (C#)
<source lang="csharp">
/* ASP.NET 2.0 Unleashed (Unleashed) (Hardcover) by Stephen Walther
- Publisher: Sams; Bk&CD-Rom edition (June 6, 2006)
- Language: English
- ISBN: 0672328232
- /
<%@ Page Language="C#" %> <script runat="server">
protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e) { lblSSNResult.Text = txtSSN.Text; lblPhoneResult.Text = txtPhone.Text; }
</script> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server">
<style type="text/css"> .wizard { border:solid 1px black; font:14px Verdana,Sans-Serif; width:400px; height:300px; } .header { color:gray; font:bold 18px Verdana,Sans-Serif; } .sideBar { background-color:#eeeeee; padding:10px; width:100px; } .sideBar a { text-decoration:none; } .step { padding:10px; } </style> <title>Show Wizard</title>
</head> <body>
<form id="form1" runat="server">
<asp:Wizard id="Wizard1" HeaderText="Product Survey" OnFinishButtonClick="Wizard1_FinishButtonClick" CssClass="wizard" HeaderStyle-CssClass="header" SideBarStyle-CssClass="sideBar" StepStyle-CssClass="step" Runat="server"> <WizardSteps> <asp:WizardStep ID="WizardStep1" Title="Introduction"> Please complete our survey so that we can improve our products. </asp:WizardStep> <asp:WizardStep ID="WizardStep2" Title="Step 1"> <asp:Label id="lblSSN" Text="Social Security Number:" AssociatedControlID="txtSSN" Runat="server" />
<asp:TextBox id="txtSSN" Runat="server" /> </asp:WizardStep> <asp:WizardStep ID="WizardStep3" Title="Step 2" StepType="Finish"> <asp:Label id="lblPhone" Text="Phone Number:" AssociatedControlID="txtPhone" Runat="server" />
<asp:TextBox id="txtPhone" Runat="server" /> </asp:WizardStep> <asp:WizardStep ID="WizardStep4" Title="Summary" StepType="Complete">
Summary
Social Security Number: <asp:Label id="lblSSNResult" Runat="server" />
Phone Number: <asp:Label id="lblPhoneResult" Runat="server" /> </asp:WizardStep> </WizardSteps> </asp:Wizard>
</form>
</body> </html>
</source>
Wizard by IE Controls Multipage (VB.net)
<source lang="csharp">
<%@ Page Language=VB Debug=true %> <%@ Import Namespace="Microsoft.Web.UI.WebControls" %> <%@ Register TagPrefix="IEControls"
Namespace="Microsoft.Web.UI.WebControls" Assembly ="Microsoft.Web.UI.WebControls"
%> <script runat=server> Sub Prev1_Click(Sender As Object, E As EventArgs)
MyMultiPage.SelectedIndex = 2
End Sub Sub Next1_Click(Sender As Object, E As EventArgs)
MyMultiPage.SelectedIndex = 1
End Sub Sub Prev2_Click(Sender As Object, E As EventArgs)
MyMultiPage.SelectedIndex = 0
End Sub Sub Next2_Click(Sender As Object, E As EventArgs)
MyMultiPage.SelectedIndex = 2
End Sub Sub Prev3_Click(Sender As Object, E As EventArgs)
MyMultiPage.SelectedIndex = 1
End Sub Sub Next3_Click(Sender As Object, E As EventArgs)
MyMultiPage.SelectedIndex = 0
End Sub </SCRIPT> <HTML> <HEAD> <TITLE>Using the MultiPage Control as an Interface for a Wizard</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <IEControls:multipage
id="MyMultiPage" runat="server" selectedindex=0 > <IEControls:PageView id="pv1" runat=server font-name="Arial" font-bold=True forecolor="yellow" backcolor="darkred" > Enter your name:
<asp:textbox id="txtName" runat=server />
<asp:button id="butPrev1" text="Previous" onclick="Prev1_Click" runat="server" /> <asp:button id="butNext1" text="Next" onclick="Next1_Click" runat="server" /> </IEControls:PageView> <IEControls:PageView id="pv2" runat=server font-name="Arial" font-bold=True forecolor="darkred" backcolor="yellow" > Enter your email address:
<asp:textbox id="txtEmail" runat=server />
<asp:button id="butPrev2" text="Previous" onclick="Prev2_Click" runat="server" /> <asp:button id="butNext2" text="Next" onclick="Next2_Click" runat="server" /> </IEControls:PageView> <IEControls:PageView id="pv3" runat=server font-name="Arial" font-bold=True forecolor="darkblue" backcolor="green" > Enter your password:
<asp:textbox id="txtPassword" runat=server />
<asp:button id="butPrev3" text="Previous" onclick="Prev3_Click" runat="server" /> <asp:button id="butNext3" text="Next" onclick="Next3_Click" runat="server" /> </IEControls:PageView>
</IEControls:multipage> </form> </BODY> </HTML>
</source>
Wizard Demo (VB.net)
<source lang="csharp">
/* ASP.NET 2.0 Unleashed (Unleashed) (Hardcover) by Stephen Walther
- Publisher: Sams; Bk&CD-Rom edition (June 6, 2006)
- Language: English
- ISBN: 0672328232
- /
<%@ Page Language="VB" %> <script runat="server">
Sub Wizard1_FinishButtonClick(ByVal sender As Object, ByVal e As WizardNavigationEventArgs) lblSSNResult.Text = txtSSN.Text lblPhoneResult.Text = txtPhone.Text End Sub
</script> <html xmlns="http://www.w3.org/1999/xhtml" > <head id="Head1" runat="server">
<style type="text/css"> .wizard { border:solid 1px black; font:14px Verdana,Sans-Serif; width:400px; height:300px; } .header { color:gray; font:bold 18px Verdana,Sans-Serif; } .sideBar { background-color:#eeeeee; padding:10px; width:100px; } .sideBar a { text-decoration:none; } .step { padding:10px; } </style> <title>Show Wizard</title>
</head> <body>
<form id="form1" runat="server">
<asp:Wizard id="Wizard1" HeaderText="Product Survey" OnFinishButtonClick="Wizard1_FinishButtonClick" CssClass="wizard" HeaderStyle-CssClass="header" SideBarStyle-CssClass="sideBar" StepStyle-CssClass="step" Runat="server"> <WizardSteps> <asp:WizardStep ID="WizardStep1" Title="Introduction"> Please complete our survey so that we can improve our products. </asp:WizardStep> <asp:WizardStep ID="WizardStep2" Title="Step 1"> <asp:Label id="lblSSN" Text="Social Security Number:" AssociatedControlID="txtSSN" Runat="server" />
<asp:TextBox id="txtSSN" Runat="server" /> </asp:WizardStep> <asp:WizardStep ID="WizardStep3" Title="Step 2" StepType="Finish"> <asp:Label id="lblPhone" Text="Phone Number:" AssociatedControlID="txtPhone" Runat="server" />
<asp:TextBox id="txtPhone" Runat="server" /> </asp:WizardStep> <asp:WizardStep ID="WizardStep4" Title="Summary" StepType="Complete">
Summary
Social Security Number: <asp:Label id="lblSSNResult" Runat="server" />
Phone Number: <asp:Label id="lblPhoneResult" Runat="server" /> </asp:WizardStep> </WizardSteps> </asp:Wizard>
</form>
</body> </html>
</source>
Wizard: Using Panel Controls to Control Code Flow (VB.net)
<source lang="csharp">
<%@ Page Language=VB Debug=true %> <script runat=server> Sub PanelNameEmail_Click(Sender As Object, E As EventArgs)
PanelNameEmail.Visible = False PanelPhoneNumbers.Visible = True
End Sub Sub PanelPhoneNumbers_Click(Sender As Object, E As EventArgs)
lblSummary.Text = "Name: " & txtName.Text & "
" _ & "Email: " & txtEmail.Text & "
" _ & "Phone Number: " & txtPhoneNumber.Text & "
" _ & "Fax Number: " & txtFaxNumber.Text & "
" PanelPhoneNumbers.Visible = False PanelSummary.Visible = True
End Sub Sub PanelSummary_Click(Sender As Object, E As EventArgs)
PanelSummary.Visible = False PanelNameEmail.Visible = True
End Sub </SCRIPT> <HTML> <HEAD> <TITLE>Using Panel Controls to Control Code Flow</TITLE> </HEAD> <BODY LEFTMARGIN="40"> <form runat="server"> <asp:panel
id="PanelNameEmail" runat="server" visible="True"
>
Enter your name:
<asp:textbox id="txtName" runat=server />
Enter your email address:
<asp:textbox id="txtEmail" runat=server />
<asp:button id="butNameEmail" text="OK" onclick="PanelNameEmail_Click" runat="server" />
</asp:Panel> <asp:panel
id="PanelPhoneNumbers" runat="server" visible="False"
>
Enter your Phone Number:
<asp:textbox id="txtPhoneNumber" runat=server />
Enter your Fax Number:
<asp:textbox id="txtFaxNumber" runat=server />
<asp:button id="butPhoneNumbers" text="OK" onclick="PanelPhoneNumbers_Click" runat="server" />
</asp:Panel> <asp:panel
id="PanelSummary" runat="server" visible="False"
>
<asp:label id="lblSummary" runat=server />
<asp:button id="butSummary" text="Change Values" onclick="PanelSummary_Click" runat="server" />
</asp:Panel> </form> </BODY> </HTML>
</source>