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>
