ASP.Net/Components/Wizard
Содержание
asp:Wizard Demo (C#)
/*
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">
<div>
<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" />
<br />
<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" />
<br />
<asp:TextBox
id="txtPhone"
Runat="server" />
</asp:WizardStep>
<asp:WizardStep ID="WizardStep4" Title="Summary" StepType="Complete">
<h1>Summary</h1>
Social Security Number:
<asp:Label
id="lblSSNResult"
Runat="server" />
<br /><br />
Phone Number:
<asp:Label
id="lblPhoneResult"
Runat="server" />
</asp:WizardStep>
</WizardSteps>
</asp:Wizard>
</div>
</form>
</body>
</html>
Wizard by IE Controls Multipage (VB.net)
<%@ 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:<BR>
<asp:textbox
id="txtName"
runat=server
/>
<BR>
<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:<BR>
<asp:textbox
id="txtEmail"
runat=server
/>
<BR>
<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:<BR>
<asp:textbox
id="txtPassword"
runat=server
/>
<BR>
<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>
Wizard Demo (VB.net)
/*
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">
<div>
<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" />
<br />
<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" />
<br />
<asp:TextBox
id="txtPhone"
Runat="server" />
</asp:WizardStep>
<asp:WizardStep ID="WizardStep4" Title="Summary" StepType="Complete">
<h1>Summary</h1>
Social Security Number:
<asp:Label
id="lblSSNResult"
Runat="server" />
<br /><br />
Phone Number:
<asp:Label
id="lblPhoneResult"
Runat="server" />
</asp:WizardStep>
</WizardSteps>
</asp:Wizard>
</div>
</form>
</body>
</html>
Wizard: Using Panel Controls to Control Code Flow (VB.net)
<%@ 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 & "<BR>" _
& "Email: " & txtEmail.Text & "<BR>" _
& "Phone Number: " & txtPhoneNumber.Text & "<BR>" _
& "Fax Number: " & txtFaxNumber.Text & "<BR>"
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:<BR>
<asp:textbox
id="txtName"
runat=server
/>
<BR>
Enter your email address:<BR>
<asp:textbox
id="txtEmail"
runat=server
/>
<BR>
<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:<BR>
<asp:textbox
id="txtPhoneNumber"
runat=server
/>
<BR>
Enter your Fax Number:<BR>
<asp:textbox
id="txtFaxNumber"
runat=server
/>
<BR>
<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
/>
<BR>
<asp:button
id="butSummary"
text="Change Values"
onclick="PanelSummary_Click"
runat="server"
/>
</asp:Panel>
</form>
</BODY>
</HTML>