一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - ASP.NET教程 - ASP.NET中MultiView和View選項卡控件的使用方法

ASP.NET中MultiView和View選項卡控件的使用方法

2020-01-05 14:10胡琛 ASP.NET教程

ASP.NET中的MultiView和View控件可以作為承載其他控件的容器,一般我們都很少使用,本文主要介紹使用MultiView和View實現選項卡效果。

MultiView 控件可用作一個或多個 View 控件的外部容器。而 View 控件可以包含標記和控件的任意組合。您可以使用 MultiView 和 View 控件來執行各種任務,例如基于用戶選擇提供替換控件集或者創建多頁表單。

MultiView 控件一次顯示一個 View 控件,并公開該 View 控件內的標記和控件。通過設置 MultiView 控件的 ActiveViewIndex 屬性,可以指定當前可見的 View 控件。

如果要切換視圖,可以使用控件的ID或者View控件的索引值。在 MultiView 控件中,一次只能將一個 View 控件定義為活動視圖。如果某個 View 控件定義為活動視圖,它所包含的子控件則會呈現到客戶端。可以使用 ActiveViewIndex 屬性或SetActiveView 方法定義活動視圖。如果 ActiveViewIndex 屬性為空,則 MultiView 控件不向客戶端呈現任何內容。如果活動視圖設置為MultiView 控件中不存在的 View,則會在運行時引發 ArgumentOutOfRangeException。

廢話說的有點多,直接上例子吧

創建新的 ASP.NET 網站項目

1.在“文件”菜單中,指向“新建”,然后選擇“網站”。

2.在“新建網站”對話框中,從“語言”下拉列表中選擇 Visual C#,并選擇 ASP.NET 網站模板。

3.在“位置”中,選擇 HTTP 并鍵入網站的 URL。默認的 URL 為 http://localhost/WebSite。改為http://localhost/MultiViewTest,單擊“確定”。

4. 打開Default.aspx設計器,切換到代碼區,Ctrl+A全選,替換為以下代碼:

 

復制代碼代碼如下:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>無標題頁</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">first</asp:LinkButton> 
    <asp:LinkButton ID="LinkButton2" runat="server" onclick="LinkButton2_Click">second</asp:LinkButton> 
    <asp:LinkButton ID="LinkButton3" runat="server" onclick="LinkButton3_Click">third</asp:LinkButton> 
    <br />
    <hr />
    <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex = 1>
        <asp:View ID="View1" runat="server">
        this is the first page
        </asp:View>
        <asp:View ID="View2" runat="server">
        this is the second page
        </asp:View>   
        <asp:View ID="View3" runat="server">
        this is the third page
        </asp:View>               
    </asp:MultiView>
    </div>
    </form>
</body>
</html>

 

對以上代碼的解釋:

MultiView 和 View Web 服務器控件用作其他控件和標記的容器,并提供了一種可方便地顯示信息的替換視圖的方式。

MultiView 控件用作一個或多個 View 控件的外部容器。View 控件又可包含標記和控件的任何組合。

MultiView 控件一次顯示一個 View 控件,并公開該 View 控件內的標記和控件。通過設置 MultiView 控件的ActiveViewIndex 屬性,可以指定當前可見的 View 控件。

簡單的說,MultiView是一個父容器,它包括3個View容器。通過ActiveViewIndex=1屬性指明index為1的View容器顯示,其他兩個隱藏。(index按照view排列的順序從0開始)

5. 打開Default.aspx.cs,   按Ctrl+A全選,刪除后替換為以下代碼:

 

復制代碼代碼如下:

using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
 
public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
 
    }
    protected void LinkButton1_Click(object sender, EventArgs e)
    {
        this.MultiView1.ActiveViewIndex = 0;
    }
    protected void LinkButton2_Click(object sender, EventArgs e)
    {
        this.MultiView1.ActiveViewIndex = 1;
    }
    protected void LinkButton3_Click(object sender, EventArgs e)
    {
        this.MultiView1.ActiveViewIndex = 2;
    }
}

 

6.保存后按Ctrl+F5啟動運行,如果一切順利,您可以看到以下界面:

ASP.NET中MultiView和View選項卡控件的使用方法

點擊first,second,third選項卡,可以切換內容。

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 日本高清视频网址 | 国产免费又粗又猛又爽视频国产 | 九九久久国产精品大片 | 国产麻豆91欧美一区二区 | 亚洲欧美久久久久久久久久爽网站 | jux629三浦理惠子在线播放 | 亚洲 欧美 国产 综合 在线 | 男人天堂中文字幕 | 色老板美国在线观看 | 午夜久久免影院欧洲 | 国产好痛疼轻点好爽的视频 | re99| 亚洲视频免费在线观看 | 猫影视tv接口 | 成年人黄视频在线观看 | 黑人女性猛交xxxxxⅹxx | www.一区二区三区.com | 亚洲精品片 | 国产aaaaa一级毛片 | 91制片厂官网 | 国产极品麻豆91在线 | 亚洲欧美自偷自拍另类小说 | 欧美午夜视频一区二区三区 | 欧美brazzers | yellow字幕网在线zmzz91 | 亚洲欧美久久婷婷爱综合一区天堂 | 国产清纯91天堂在线观看 | 欧美人妖草草xxoo | 国产亚洲精品一区在线播 | 日韩欧美一区二区不卡 | 黑人巨摘花第一次出血 | 色婷婷影院在线视频免费播放 | 欧美日韩国产亚洲一区二区三区 | 青青草高清视频 | 久久精品国产只有精品 | 国产精品成人在线播放 | 国产精品一级视频 | 日本不卡高清免费v日本 | 欧美综合色网 | 国产精品www夜色影视 | 花蝴蝶www|