http://nfex.ru/index.php?action=history&feed=atom&title=ASP.NET_Tutorial%2FASP.net_Controls%2FMultiView
ASP.NET Tutorial/ASP.net Controls/MultiView - История изменений
2026-04-29T18:53:51Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://nfex.ru/index.php?title=ASP.NET_Tutorial/ASP.net_Controls/MultiView&diff=3370&oldid=prev
в 15:30, 26 мая 2010
2010-05-26T15:30:57Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 15:30, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://nfex.ru/index.php?title=ASP.NET_Tutorial/ASP.net_Controls/MultiView&diff=3371&oldid=prev
Admin: 1 версия
2010-05-26T12:00:37Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>== Active index==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="csharp"><br />
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Default_aspx" %><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" ><br />
<head runat="server"><br />
<title>Untitled Page</title><br />
</head><br />
<body><br />
<form id="form1" runat="server"><br />
<div><br />
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0"><br />
<asp:View ID="View1" runat="server"><br />
Enter your name:<br /><br />
First Name&nbsp;<asp:TextBox ID="txtFirstName" runat="server"></asp:TextBox><br />
<br /><br />
Last Name<br />
<asp:TextBox ID="txtLastName" runat="server"></asp:TextBox><br />
<br /><br />
<asp:Button ID="btnView1Next" runat="server" Text="Next" /></asp:View><asp:View ID="View2" runat="server"><br />
Birthday:<br /><br />
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar><br />
<br /><br />
<asp:Button ID="btnView2Previous" runat="server" Text="Previous" /><br />
<asp:Button ID="btnView2Next" runat="server" Text="Next" /></asp:View><asp:View ID="View3" runat="server"><br />
Thank you for registering with us.<br /><br />
<br /><br />
<asp:Button ID="btnView3Finish" runat="server" Text="Finish" /><br />
<asp:Button ID="btnView3Reset" runat="server" Text="Reset" /></asp:View></asp:MultiView><br />
</div><br />
</form><br />
</body><br />
</html><br />
File: Default.aspx.vb<br />
<br />
Partial Class Default_aspx<br />
Inherits System.Web.UI.Page<br />
Protected Sub btnAllButtons_Click(ByVal sender As Object, _<br />
ByVal e As System.EventArgs) _<br />
Handles btnView1Next.Click, _<br />
btnView2Next.Click, btnView2Previous.Click, _<br />
btnView3Finish.Click, btnView3Reset.Click<br />
Select Case CType(sender, Button).Text<br />
Case "Next"<br />
MultiView1.ActiveViewIndex += 1<br />
Case "Previous"<br />
MultiView1.ActiveViewIndex -= 1<br />
Case "Finish"<br />
Response.Write("You have registered as " & _<br />
txtFirstName.Text & _<br />
txtLastName.Text & "<br/>")<br />
Response.Write("Birthday " & _<br />
Calendar1.SelectedDate)<br />
btnView3Finish.Enabled = False<br />
btnView3Reset.Enabled = False<br />
Case "Reset"<br />
MultiView1.ActiveViewIndex = 0<br />
End Select<br />
End Sub<br />
End Class</source><br />
<br />
<br />
<br />
== Displaying a Multi-Part Form==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="csharp"><br />
NextView: activate the next View control.<br />
PrevView: activate the previous View control.<br />
SwitchViewByID: activate the view by id.<br />
SwitchViewByIndex:activate the view by index.<br />
<%@ Page Language="C#" %><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<script runat="server"><br />
protected void View3_Activate(object sender, EventArgs e)<br />
{<br />
lblFirstNameResult.Text = txtFirstName.Text;<br />
lblColorResult.Text = txtColor.Text;<br />
}<br />
</script><br />
<html xmlns="http://www.w3.org/1999/xhtml" ><br />
<head id="Head1" runat="server"><br />
<title>MultiView Form</title><br />
</head><br />
<body><br />
<form id="form1" runat="server"><br />
<div><br />
<asp:MultiView<br />
id="MultiView1"<br />
ActiveViewIndex="0"<br />
Runat="server"><br />
<asp:View ID="View1" runat="server"><br />
<h1>Step 1</h1><br />
<asp:Label<br />
id="lblFirstName"<br />
Text="Enter Your First Name:"<br />
AssociatedControlID="txtFirstName"<br />
Runat="server" /><br />
<br /><br />
<asp:TextBox<br />
id="txtFirstName"<br />
Runat="server" /><br />
<br /><br /><br />
<asp:Button<br />
id="btnNext"<br />
Text="Next"<br />
CommandName="NextView"<br />
Runat="server" /><br />
</asp:View><br />
<asp:View ID="View2" runat="server"><br />
<h1>Step 2</h1><br />
<asp:Label<br />
id="Label1"<br />
Text="Enter Your Favorite Color:"<br />
AssociatedControlID="txtColor"<br />
Runat="server" /><br />
<br /><br />
<asp:TextBox<br />
id="txtColor"<br />
Runat="server" /><br />
<br /><br /><br />
<asp:Button<br />
id="Button1"<br />
Text="Next"<br />
CommandName="NextView"<br />
Runat="server" /><br />
</asp:View><br />
<asp:View ID="View3" runat="server" OnActivate="View3_Activate"><br />
<h1>Summary</h1><br />
Your First Name:<br />
<asp:Label<br />
id="lblFirstNameResult"<br />
Runat="server" /><br />
<br /><br /><br />
Your Favorite Color:<br />
<asp:Label<br />
id="lblColorResult"<br />
Runat="server" /><br />
</asp:View><br />
</asp:MultiView><br />
</div><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== MultiView and View Controls==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="csharp"><br />
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" ><br />
<head runat="server"><br />
<title>MultiView & View Controls</title><br />
</head><br />
<body><br />
<form id="form1" runat="server"><br />
<div><br />
<h1>MultiView & View Controls</h1><br />
<br/><br />
<asp:RadioButtonList AutoPostBack="True" ID="rblView" <br />
OnSelectedIndexChanged="rblView_SelectedIndexChanged"<br />
RepeatDirection="Horizontal" runat="server"><br />
<asp:ListItem Value="-1">Nothing</asp:ListItem><br />
<asp:ListItem Value="0" Selected="True">First</asp:ListItem><br />
<asp:ListItem Value="1">Second</asp:ListItem><br />
<asp:ListItem Value="2">Third</asp:ListItem><br />
<asp:ListItem Value="3">Last</asp:ListItem><br />
</asp:RadioButtonList><br />
<br /><br />
Current Index: <br />
<asp:Label ID="lblCurrentIndex" runat="server"></asp:Label><br />
<br/><br />
<asp:MultiView ID="MultiView1" runat="server" <br />
ActiveViewIndex="0" <br />
OnActiveViewChanged="MultiView1_ActiveViewChanged"><br />
<asp:View ID="vwFirst" runat="server" <br />
OnActivate="ActivateView" <br />
OnDeactivate="DeactivateView"><br />
<h2><br />
First View<br />
</h2><br />
<asp:TextBox ID="txtFirstView" runat="server"></asp:TextBox><br />
<asp:Button CommandName="NextView" ID="btnNext1" runat="server" Text="Go To Next" /><br />
<asp:Button CommandArgument="vwLast" CommandName="SwitchViewByID" ID="btnLast" runat="server" Text="Go to Last" /><br />
</asp:View><br />
<asp:View ID="vwSecond" runat="server" <br />
OnActivate="ActivateView" <br />
OnDeactivate="DeactivateView"><br />
<h2><br />
Second View<br />
</h2><br />
<asp:TextBox ID="txtSecondView" runat="server"></asp:TextBox><br />
<asp:Button CommandName="NextView" ID="btnNext2" runat="server" Text="Go To Next" /><br />
<asp:Button CommandName="PrevView" ID="btnPrevious2" runat="server" Text="Go to Previous" /><br />
</asp:View><br />
<asp:View ID="vwThird" runat="server" <br />
OnActivate="ActivateView" <br />
OnDeactivate="DeactivateView"><br />
<h2><br />
Third View</h2><br />
<br /><br />
<asp:Button CommandName="NextView" ID="btnNext3" runat="server" Text="Go To Next" /><br />
<asp:Button CommandName="PrevView" ID="btnPrevious3" runat="server" Text="Go to Previous" /><br />
</asp:View><br />
<asp:View ID="vwLast" runat="server" <br />
OnActivate="ActivateView" <br />
OnDeactivate="DeactivateView"><br />
<h2><br />
Last View<br />
</h2><br />
<asp:Button CommandName="PrevView" ID="btnPrevious4" runat="server" Text="Go to Previous" /><br />
<asp:Button CommandArgument="0" CommandName="SwitchViewByIndex" ID="btnFirst" runat="server" Text="Go to First" /><br />
</asp:View><br />
</asp:MultiView><br />
<br /><br />
<br /><br />
First TextBox: <br />
<asp:Label ID="lblFirstTextBox" runat="server" /><br />
<br /><br />
Second TextBox: <br />
<asp:Label ID="lblSecondTextBox" runat="server" /><br />
<br /><br />
<br /><br />
<strong><span style="text-decoration: underline"><br />
View Activation History:</span></strong><br />
<br /><br />
<asp:Label ID="lblViewActivation" runat="server" /><br />
<br />
<br />
</div><br />
</form><br />
</body><br />
</html><br />
File: Default.aspx.cs<br />
using System;<br />
using System.Data;<br />
using System.Configuration;<br />
using System.Web;<br />
using System.Web.Security;<br />
using System.Web.UI;<br />
using System.Web.UI.WebControls;<br />
using System.Web.UI.WebControls.WebParts;<br />
using System.Web.UI.HtmlControls;<br />
public partial class _Default : System.Web.UI.Page <br />
{<br />
protected void Page_PreRender(object sender, EventArgs e)<br />
{<br />
lblCurrentIndex.Text = MultiView1.ActiveViewIndex.ToString();<br />
}<br />
protected void rblView_SelectedIndexChanged(object sender, EventArgs e)<br />
{<br />
MultiView1.ActiveViewIndex = Convert.ToInt32(rblView.SelectedValue);<br />
}<br />
<br />
protected void MultiView1_ActiveViewChanged(object sender, EventArgs e)<br />
{<br />
lblFirstTextBox.Text = txtFirstView.Text;<br />
lblSecondTextBox.Text = txtSecondView.Text;<br />
rblView.SelectedIndex = MultiView1.ActiveViewIndex + 1;<br />
}<br />
protected void ActivateView(object sender, EventArgs e)<br />
{<br />
string str = lblViewActivation.Text;<br />
View v = (View)sender;<br />
str += "View " + v.ID + " activated <br/>";<br />
lblViewActivation.Text = str;<br />
}<br />
<br />
protected void DeactivateView(object sender, EventArgs e)<br />
{<br />
string str = lblViewActivation.Text;<br />
View v = (View)sender;<br />
str += "View " + v.ID + " deactivated <br/>";<br />
lblViewActivation.Text = str;<br />
}<br />
}</source><br />
<br />
<br />
<br />
== MultiView hides and display different areas of a page, useful to create a tabbed page==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="csharp"><br />
The MultiView control supports the following properties (this is not a complete list):<br />
ActiveViewIndex: select the View control by index.<br />
Views: return the list of View controls.<br />
GetActiveView: get the selected View control.<br />
SetActiveView: select the active view.<br />
ActiveViewChanged: Raised when a new View control is selected.<br />
<%@ Page Language="C#" %><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<script runat="server"><br />
protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)<br />
{<br />
int index = Int32.Parse(e.Item.Value);<br />
MultiView1.ActiveViewIndex = index;<br />
}<br />
</script><br />
<html xmlns="http://www.w3.org/1999/xhtml" ><br />
<head id="Head1" runat="server"><br />
<title>MultiView Tabs</title><br />
</head><br />
<body><br />
<form id="form1" runat="server"><br />
<div><br />
<asp:Menu<br />
id="Menu1"<br />
Orientation="Horizontal"<br />
StaticMenuItemStyle-CssClass="tab"<br />
StaticSelectedStyle-CssClass="selectedTab"<br />
CssClass="tabs"<br />
OnMenuItemClick="Menu1_MenuItemClick"<br />
Runat="server"><br />
<Items><br />
<asp:MenuItem Text="Tab 1" Value="0" Selected="true" /><br />
<asp:MenuItem Text="Tab 2" Value="1" /><br />
<asp:MenuItem Text="Tab 3" Value="2" /><br />
</Items><br />
</asp:Menu><br />
<div class="tabContents"><br />
<asp:MultiView<br />
id="MultiView1"<br />
ActiveViewIndex="0"<br />
Runat="server"><br />
<asp:View ID="View1" runat="server"><br />
<br />This is the first view<br />
<br />This is the first view<br />
<br />This is the first view<br />
<br />This is the first view<br />
</asp:View><br />
<asp:View ID="View2" runat="server"><br />
<br />This is the second view<br />
<br />This is the second view<br />
<br />This is the second view<br />
<br />This is the second view<br />
</asp:View><br />
<asp:View ID="View3" runat="server"><br />
<br />This is the third view<br />
<br />This is the third view<br />
<br />This is the third view<br />
<br />This is the third view<br />
</asp:View><br />
</asp:MultiView><br />
</div><br />
</div><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Use the MultiView control to dynamically switch views in a page==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="csharp"><br />
<%@ Page language="C#"%><br />
<script runat="server"><br />
void Page_Load(object sender, EventArgs e)<br />
{<br />
Tables.ActiveViewIndex = Views.SelectedIndex;<br />
}<br />
</script><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head runat="server"><br />
<title>View controls</title><br />
</head><br />
<body><br />
<div id="pageContent"><br />
<form id="Form1" runat="server"><br />
<tr><br />
<td valign="top"><br />
<asp:DropDownList Runat="server" ID="Views" AutoPostBack="true"><br />
<asp:ListItem Value="Employees" /> <br />
<asp:ListItem Value="Products" /> <br />
<asp:ListItem Value="Customers" /> <br />
</asp:DropDownList><br />
</td><br />
<td valign="top" style="border:solid 1px black;"><br />
<asp:MultiView runat="server" id="Tables" ActiveViewIndex="0" ><br />
<asp:View runat="server" id="Employees"><br />
<h1>Employees</h1><br />
</asp:View><br />
<asp:View runat="server" id="Products"><br />
<h1>Products</h1><br />
</asp:View><br />
<asp:View runat="server" id="Customers"><br />
<h1>Customers</h1><br />
</asp:View><br />
</asp:MultiView><br />
</td><br />
</tr><br />
</form><br />
</div><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== What is an asp:MultiView (C#)==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="csharp"><br />
File: Default.aspx<br />
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MultiViewGreetingCardMaker" %><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" ><br />
<head runat="server"><br />
<title>Untitled Page</title><br />
</head><br />
<body><br />
<form id="form1" runat="server"><br />
<div><br />
<tr><br />
<td><br />
<asp:MultiView id="MultiView1" <br />
runat="server" <br />
ActiveViewIndex="0"><br />
<asp:View ID="View1" <br />
runat="server"><br />
Choose a foreground (text) color:<br /><br />
<asp:DropDownList ID="lstForeColor" <br />
runat="server" <br />
AutoPostBack="True" <br />
Height="22px"<br />
OnSelectedIndexChanged="ControlChanged" <br />
Width="194px"><br />
</asp:DropDownList><br /><br />
<br /><br />
Choose a background color:<br /><br />
<asp:DropDownList ID="lstBackColor" runat="server" AutoPostBack="True" Height="22px"<br />
OnSelectedIndexChanged="ControlChanged" Width="194px"><br />
</asp:DropDownList><br />
<br />
<br /><br />
<br />
<asp:Button ID="cmdNext" runat="server" Text="Next >" CommandName="NextView" /><br />
<br />
</asp:View><br />
<br />
<asp:View ID="View2" runat="server"><br />
Choose a border style:<br /><br />
<asp:RadioButtonList ID="lstBorder" runat="server" AutoPostBack="True"<br />
Height="59px" OnSelectedIndexChanged="ControlChanged" RepeatColumns="2" Width="177px"><br />
</asp:RadioButtonList><br /><br />
<br /><br />
<asp:CheckBox ID="chkPicture" runat="server" AutoPostBack="True" OnCheckedChanged="ControlChanged"<br />
Text="Add the Default Picture" /><br />
<br />
<br /><br />
<asp:Button ID="Button3" runat="server" Text="< Prev" CommandName="PrevView" /><br />
<asp:Button ID="Button4" runat="server" Text="Next >" CommandName="NextView" /><br />
<br />
</asp:View><br />
<asp:View ID="View3" runat="server"><br />
Choose a font name:<br /><br />
<asp:DropDownList ID="lstFontName" runat="server" AutoPostBack="True" Height="22px"<br />
OnSelectedIndexChanged="ControlChanged" Width="194px"><br />
</asp:DropDownList><br /><br />
<br /><br />
Specify a font size:<br /><br />
<asp:TextBox ID="txtFontSize" runat="server" AutoPostBack="True" OnTextChanged="ControlChanged"></asp:TextBox><br /><br />
<br /><br />
Enter the greeting text below:<br /><br />
<asp:TextBox ID="txtGreeting" runat="server" Height="85px" OnTextChanged="ControlChanged"<br />
TextMode="MultiLine" Width="240px" AutoPostBack="True"></asp:TextBox><br />
<br />
<br /><br />
<asp:Button ID="Button1" runat="server" Text="< Prev" CommandName="PrevView" /><br />
<asp:Button ID="Button2" runat="server" Text="Apply" /><br />
<br />
</asp:View><br />
</asp:MultiView><br />
</td><br />
<td ><br />
<asp:Panel ID="pnlCard" runat="server" Height="445px" HorizontalAlign="Center" Style="z-index: 101;<br />
" Width="339px"><br />
<br /><br />
&nbsp;<br />
<asp:Label ID="lblGreeting" runat="server" Height="150px" Width="272px"></asp:Label><br />
<asp:Image ID="imgDefault" runat="server" Height="160px" Visible="False" Width="212px" /><br />
</asp:Panel><br />
</td><br />
</tr><br />
</div><br />
<br />
</form><br />
</body><br />
</html><br />
<br />
File: Default.aspx.cs<br />
<br />
using System;<br />
using System.Data;<br />
using System.Configuration;<br />
using System.Collections;<br />
using System.Web;<br />
using System.Web.Security;<br />
using System.Web.UI;<br />
using System.Web.UI.WebControls;<br />
using System.Web.UI.WebControls.WebParts;<br />
using System.Web.UI.HtmlControls;<br />
using System.Drawing;<br />
using System.ruponentModel;<br />
public partial class MultiViewGreetingCardMaker : System.Web.UI.Page<br />
{<br />
protected void Page_Load(object sender, EventArgs e)<br />
{<br />
if (!Page.IsPostBack)<br />
{<br />
string[] colorArray = Enum.GetNames(typeof(System.Drawing.KnownColor));<br />
lstBackColor.DataSource = colorArray;<br />
lstBackColor.DataBind();<br />
lstForeColor.DataSource = colorArray;<br />
lstForeColor.DataBind();<br />
lstForeColor.SelectedIndex = 34;<br />
lstBackColor.SelectedIndex = 163;<br />
System.Drawing.Text.InstalledFontCollection fonts;<br />
fonts = new System.Drawing.Text.InstalledFontCollection();<br />
foreach (FontFamily family in fonts.Families)<br />
{<br />
lstFontName.Items.Add(family.Name);<br />
}<br />
string[] borderStyleArray = Enum.GetNames(typeof(BorderStyle));<br />
lstBorder.DataSource = borderStyleArray;<br />
lstBorder.DataBind();<br />
lstBorder.SelectedIndex = 0;<br />
imgDefault.ImageUrl = "http://www.nfex.ru/style/logo.png";<br />
}<br />
}<br />
protected void ControlChanged(Object sender, EventArgs e)<br />
{<br />
pnlCard.BackColor = Color.FromName(lstBackColor.SelectedItem.Text);<br />
lblGreeting.ForeColor = Color.FromName(lstForeColor.SelectedItem.Text);<br />
lblGreeting.Font.Name = lstFontName.SelectedItem.Text;<br />
try<br />
{<br />
if (Int32.Parse(txtFontSize.Text) > 0)<br />
{<br />
lblGreeting.Font.Size = FontUnit.Point(Int32.Parse(txtFontSize.Text));<br />
}<br />
if (Int32.Parse(txtFontSize.Text) > 0)<br />
{<br />
lblGreeting.Font.Size =<br />
FontUnit.Point(Int32.Parse(txtFontSize.Text));<br />
}<br />
}catch{<br />
}<br />
TypeConverter cnvrt = TypeDescriptor.GetConverter(typeof(BorderStyle));<br />
pnlCard.BorderStyle = (BorderStyle)cnvrt.ConvertFromString(lstBorder.SelectedItem.Text);<br />
if (chkPicture.Checked == true)<br />
{<br />
imgDefault.Visible = true;<br />
}<br />
else<br />
{<br />
imgDefault.Visible = false;<br />
}<br />
lblGreeting.Text = txtGreeting.Text;<br />
}<br />
}</source></div>
Admin