熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET服務器控件MultiView和View

2022-06-13   來源: .NET編程 

  MultiView 和 View 控件和制作出選項卡的效果MultiView 控件是一組 View 控件的容器使用它可定義一組 View 控件其中每個 View 控件都包含子控件

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

  一些常用的屬性方法

  ActiveViewIndex屬性用於獲取或設置當前被激活顯示的View控件的索引值默認值為-表示沒有View控件被激活

  廢話不多說由於MultiView和View比較簡單我們一起來看以下例子吧

  創建新的 ASPNET 網站項目

  文件菜單中指向新建然後選擇網站

  新建網站對話框中語言下拉列表中選擇 Visual C#並選擇 ASPNET 網站模板

  位置選擇 HTTP 並鍵入網站的 URL默認的 URL 為//localhost/WebSite改//localhost/MultiViewTest單擊確定

   打開Defaultaspx設計器切換到代碼區Ctrl+A全選替換為以下代碼

  <%@ Page Language=C# AutoEventWireup=true  CodeFile=Defaultaspxcs Inherits=_Default %>

  <!DOCTYPE html PUBLIC //WC//DTD XHTML Transitional//EN transitionaldtd>

  <html xmlns=>

  <head runat=server>

  <title>無標題頁</title>

  </head>

  <body>

  <form id=form runat=server>

  <div>

  <asp:LinkButton ID=LinkButton runat=server onclick=LinkButton_Click>first</asp:LinkButton>

  <asp:LinkButton ID=LinkButton runat=server onclick=LinkButton_Click>second</asp:LinkButton>

  <asp:LinkButton ID=LinkButton runat=server onclick=LinkButton_Click>third</asp:LinkButton>

  <br />

  <hr />

  <asp:MultiView ID=MultiView runat=server ActiveViewIndex = >

  <asp:View ID=View runat=server>

  this is the first page

  </asp:View>

  <asp:View ID=View runat=server>

  this is the second page

  </asp:View>

  <asp:View ID=View 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是一個父容器它包括個View容器通過ActiveViewIndex=屬性指明index為的View容器顯示其他兩個隱藏(index按照view排列的順序從開始)

   打開Defaultaspxcs   按Ctrl+A全選刪除後替換為以下代碼

  using System;

  using SystemConfiguration;

  using SystemData;

  using SystemLinq;

  using SystemWeb;

  using SystemWebSecurity;

  using SystemWebUI;

  using SystemWebUIHtmlControls;

  using SystemWebUIWebControls;

  using SystemWebUIWebControlsWebParts;

  using SystemXmlLinq;

  public partial class _Default : SystemWebUIPage

  {

  protected void Page_Load(object sender EventArgs e)

  {

  }

  protected void LinkButton_Click(object sender EventArgs e)

  {

  thisMultiViewActiveViewIndex = ;

  }

  protected void LinkButton_Click(object sender EventArgs e)

  {

  thisMultiViewActiveViewIndex = ;

  }

  protected void LinkButton_Click(object sender EventArgs e)

  {

  thisMultiViewActiveViewIndex = ;

  }

  }

  保存後按Ctrl+F啟動運行如果一切順利您可以看到以下界面

  MultiView

  點擊firstsecondthird選項卡可以切換內容


From:http://tw.wingwit.com/Article/program/net/201311/13991.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.