ASP.Net/Components/Wizard — различия между версиями

Материал из .Net Framework эксперт
Перейти к: навигация, поиск
м (1 версия)
 
(нет различий)

Версия 15:30, 26 мая 2010

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>
Источник — «http://nfex.ru/index.php?title=ASP.Net/Components/Wizard&oldid=1918»