国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
在ASP.NET 2.0中使用頁面導航控件
幾乎每個網站里,為了方便用戶在網站中進行頁面導航,都少不了使用頁面導航控件。有了頁面導航的功能,用戶可以很方便地在一個復雜的網站中進行頁面之間的跳轉。在以往的WEB編程中,要寫一個好的頁面導航功能,并不是那么容易的,也要使用一些技巧。而在asp.net 2.0中,為了方便進行頁面導航,新增了一個叫做頁面導航控件sitemapdatasource,其中還可以綁定到不同的其他頁面控件,比如treeview,menu等,十分靈活,使到能很方便地實現(xiàn)頁面導航的不同形式,而且還提供了運行時的編程接口,可以以編程的形式動態(tài)實現(xiàn)頁面導航控件。本文將簡單以幾個例子來介紹一下在asp.net 2.0中如何實現(xiàn)頁面導航。

  頁面導航的結構和sitemapdatasource控件

  在asp.net 2.0中,要實現(xiàn)頁面導航,應該先以xml的形式,提供出整個網站的頁面結構層次。我們可以編寫一個叫web.sitemap的XML文本文件,在該文件中定義出整個要導航頁面的結構層次。舉例如下:

<?xml version="1.0" encoding="utf-8" ?>
<siteMap>
 <siteMapNode title="Default" description="Home" url="Default.aspx" >
  <siteMapNode title="Members" description="Members" url="Members.aspx">
   <siteMapNode title="My Account" description="My Account" url="MyAccount.aspx" />
   <siteMapNode title="Products" description="Products" url="Products.aspx" />
  </siteMapNode>
  <siteMapNode title="Administration" description="Administration" url="~/Admin/Default.aspx">
   <siteMapNode title="Customer" description="Customer Admin" url="~/Admin/Customer/default.aspx" />
   <siteMapNode title="Products Admin" description="Products Admin" url="~/Admin/ProductsAdmin.aspx" />
  </siteMapNode>
 </siteMapNode>
</siteMap>

  我們可以看到,其中,web.sitemap文件必須包含根結點sitemap。而且,設置一個父sitemapnode結點,該結點表明是默認的站點首頁,在該父sitemapnode結點下,可以有若干個子sitemapnode結點,分別按層次結構代表了網站的各子欄目(留意一下上例中,各個子結點之間的包含關系)。而每一個sitemapnode結點中,有如下若干個屬性:

  1)URL屬性:該屬性指出要導航的欄目的地址鏈接,在web.sitemap中定義中,必須是每個欄目的相對地址。

  2)Title屬性:該屬性指出每個子欄目的名稱,顯示在頁面中。

  3)Description屬性:該屬性指定時,則用戶在鼠標移動到該欄目時,出現(xiàn)有關該欄目的相關提示,類似于tooltips屬性。

  在設計好sitemap屬性后,接下來就可以一步步構建頁面導航功能了,主要有兩個步驟:

  1) 向頁面中添加sitemapdatasource控件。該控件會自動感應綁定web.sitemap中的內容。

  2) 將sitemapdatasource控件綁定到如sitemappath,treeview,menu等控件中,也就是說,將它們的數據源設置為該sitemapdatasource控件。

  知道了方法后,我們下面就分別以treeview,menu,sitemappath三種控件為例子,介紹一下如何和sitemapdatasource控件進行配合使用。

  先來介紹使用treeview控件和sitemapdatasource 控件配合使用的方法。Treeview樹形列表控件十分適合于用來做頁面導航,為了能具體說明,我們充分利用asp.net中的masterpage控件,先搭建出一個網站的基本框架架構。

  在visual web developer 2005 beta 1中,新建一個網站,之后添加上文的web.sitemap文件,再添加一個名叫Navigation的master類型的頁面,代碼如下:

<%@ Master Language="C#" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Master Page</title>
</head>
<body>
 <form id="form1" runat="server">
  <div>
  <table style="width: 100%; height: 100%" border="1">
  <tr>
   <td style="width: 10%">
    <asp:TreeView ID="TreeView1" Runat="server" DataSourceID="SiteMapDataSource1"
      ExpandDepth="2" ShowExpandCollapse="False" NodeIndent="10">
     <LevelStyles>
      <asp:TreeNodeStyle Font-Bold="True" Font-Underline="False"/>
      <asp:TreeNodeStyle Font-Italic="True" Font-Underline="False" />
      <asp:TreeNodeStyle Font-Size="X-Small" ImageUrl="bullet.gif" Font-Underline="False" />
     </LevelStyles>
     <NodeStyle ChildNodesPadding="10" />
    </asp:TreeView>
   </td>
   <td style="width: 100px">
    <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
    </asp:contentplaceholder>
   </td>
  </tr>
 </table>
 <asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server"/>
 </div>
</form>
</body>
</html>

  在上面的代碼中,其中的TREEVIEW控件中的DATASORUCE屬性中,就指定了sitemapdatasource控件,并且在treeview控件中,也定義了不同結點的樣式。

  在完成了masterpage頁面后,就等于已經把網站的模版頁建立起來了,接下來就可以新建其他子頁面,以繼承masterpage頁面,并且新建各自頁面的內容了。比如,新建一個default.aspx頁面,代碼如下:

<%@ Page Language="C#" MasterPageFile="Navigation.master" Title="Default Page"%>
<asp:Content ContentPlaceHolderID="ContentPlaceHolder1"
ID="Content1" Runat="Server">
This is the default page
</asp:Content>

  可以看到,當建立了模版頁后,就可以新建其他的子頁面了,只需要在其中的contentplaceholderid中寫入不同的內容就可以了。運行起來后,效果如圖:


接下來,我們來介紹如何將menu菜單控件和sitemapdatasource 控件配合使用。其中,我們在上面的例子的基礎上,在<table style="width: 100%; height: 100%" border="1">下面增加如下代碼就可以了,

<tr height="100px">
<td colspan="2" align="left">
<asp:Menu ID="Menu1" Runat="Server"
DataSourceID="SiteMapDataSource1">
</asp:Menu>
</td>
</tr>

  其中,我們增加了一個menu控件,其中將其datasourceid屬性設定為sitemapdatasource1就可以了,運行如下圖,當然,我們可以改變menu控件的顯示位置,如可以將其改成垂直樣式顯示。


  而對于我們經常見到的顯示出頁面當前路徑的導航條功能,在asp.net 2.0中也可以輕易實現(xiàn),我們可以使用其中的sitemappath控件。我們緊接著在上文代碼中的menu控件下,增加如下代碼:

<tr height="100px">
<td colspan="2" align="left">
Currently Selected Page is:
<asp:SiteMapPath Runat="Server" ID="SiteMapPath1"></asp:SiteMapPath>
</td>
</tr>

  要注意的是,只要增加sitemappath控件就可以了,因為它會自動和已經增加的sitemapdatasource控件進行綁定的。我們?yōu)榱苏f明問題,另外增加一個頁面member.aspx,代碼如下:

<%@ Page Language="C#" MasterPageFile="Navigation.master" Title="Members Page"%>
<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" ID="Content1" Runat="Server">
This is the members page
</asp:Content>

  運行結果如下:

    


  最后,我們看一下,如何通過編程的方式來獲取頁面導航中的相關數據。其中,必須引用到的是sitemap類,該類提供了很多相關的方法和屬性,最重要的是currentnode屬性,它可以指出當前用戶正在瀏覽的是哪一個欄目頁面,這用來跟蹤用戶在網站中的行動軌跡,并進行站點數據統(tǒng)計,有時是很有用的,舉例如下:

<%@ Page Language="C#" MasterPageFile="Navigation.master" Title="Members Page"%>
<script runat="Server">
void Page_Load(object sender, EventArgs e)
{
 Response.Write("The currently selected root node is: " + SiteMap.CurrentNode.Description + "<br>");
 Response.Write("The Parent for the currently selected node is : " +
   SiteMap.CurrentNode.ParentNode.Description);
}
</script>
<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" ID="Content1" Runat="Server">
This is the members page
</asp:Content>

  在這個例子中,使用程序的方式,得出了用戶當前正在瀏覽的欄目頁面,以及該欄目的父欄目的名稱,運行結果如下圖:


  可以看出,在asp.net 2.0中,實現(xiàn)頁面導航的功能十分靈活而且方便,功能十分強大,更多的功能請參考MSDN。
 
本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
SiteMap(站點地圖)
asp.net2.0 站點登錄,導航與權限管理_ASP.NET_小蟲網絡技術學院
Recipe: Implementing Role
第8章 站點導航控件優(yōu)質教學課件PPT
javascript獲取TreeView控件選中節(jié)點的Text和Value
使用Asp.net動態(tài)生成控件的使用總結! - 秋風夜狼 - sweet_chenqian...
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服