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

如何自定義SiteMapPath Web服務器控件外觀

2013-11-13 10:21:17  來源: .NET編程 
    您可以通過設置站點導航控件的屬性或為該控件配置適用的模板自定義該控件的可視外觀模板和樣式根據 SiteMapPath 的備注部分中介紹的兩個優先級規則應用於鏈接
    此外您也可以將主題或控件外觀應用於控件還可以開發符合您的呈現需要的自定義站點導航控件
    SiteMapPath 控件顯示一個導航路徑(也稱為 breadcrumb 或 eyebrow)它以路徑形式顯示當前頁面返回到網站主頁的鏈接在某一 ASPNET 頁上SiteMapPath 控件顯示類似於以下的內容
    主頁 > 服務 > 培訓
    TreeView 和 Menu 控件也呈現站點地圖數據它們與 SiteMapPath 控件類似可以像大多數其他 Web 控件一樣進行自定義本主題介紹如何使用 SiteMapPath Web 服務器控件的下列自定義功能
    ·指定顯示在鏈接之間的字符或圖像
    ·反轉導航路徑的方向
    ·指定顯示的父鏈接的數量
    本主題中介紹的過程假定您已創建了一個站點地圖和一個包含 SiteMapPath 控件的頁面您可以在 ASPNET 站點地圖中使用 Websitemap 示例文件
    一自定義鏈接樣式屬性
    在包含 SiteMapPath 控件的 ASPNET 網頁中向控件添加以下屬性
    RootNodeStyleFontNames=Verdana
    RootNodeStyleForeColor=Orange
    RootNodeStyleBorderWidth=
    例如SiteMapPath 控件的代碼如下所示
    <asp:SiteMapPath ID=SiteMapPath Runat=server
    SkipLinkText=Skip Menu
    RootNodeStyleFontNames=Verdana
    RootNodeStyleForeColor=Orange
    RootNodeStyleBorderWidth= >
    </asp:SiteMapPath>
    可以使用 Style 和 FontInfo 類中介紹的大多數屬性其中包括 CssClass 屬性
    如果希望每個鏈接的樣式各不相同請對 SiteMapPath 控件的 ParentNodeStyleCurrentNodeStyle 和 PathSeperatorStyle 屬性分別重復上一步驟
    說明 若要提高性能可以使用 NodeTemplate 一次性完成所有鏈接的樣式自定義
    二自定義顯示在鏈接之間的字符
    在包含 SiteMapPath 控件的 ASPNET 網頁中向該控件添加 PathSeparator 屬性
    例如SiteMapPath 控件的代碼如下所示
    <asp:SiteMapPath ID=SiteMapPath Runat=server
    PathSeparator= :: >
    </asp:SiteMapPath>
    您的 SiteMapPath 控件將顯示類似下面的內容
    主頁 :: 服務 :: 培訓
    可以使用任意字符串分隔鏈接但若要使用圖像分隔鏈接請按照下面步驟操作
    三指定顯示在鏈接之間的圖像
    在包含 SiteMapPath 控件的 ASPNET 網頁中向控件添加以下代碼行
    <PathSeparatorTemplate>
    <asp:Image ID=Image Runat=Server
    Width=
    ImageUrl=Images/PathSeparatorImagejpg />
    </PathSeparatorTemplate>
    </PathSeparatorTemplate>
    例如SiteMapPath 控件的代碼如下所示
    <asp:SiteMapPath ID=SiteMapPath Runat=server >
    <PathSeparatorTemplate>
    <asp:Image ID=Image Runat=Server
    Width=
    ImageUrl=Images/PathSeparatorImagejpg />
    </PathSeparatorTemplate>
    </PathSeparatorTemplate>
    </asp:SiteMapPath>
    四反轉 SiteMapPath 控件所顯示的路徑的方向
    在包含 SiteMapPath 控件的 ASPNET 網頁中向該控件添加 PathDirection 和 PathSeparator
    例如SiteMapPath 控件的代碼如下所示
    <asp:SiteMapPath ID=SiteMapPath Runat=server
    PathDirection=CurrentToRoot
    PathSeparator= < >
    </asp:SiteMapPath>
    五限制顯示的父鏈接的數量
    在包含 SiteMapPath 控件的 ASPNET 網頁中向該控件添加 ParentLevelsDisplayed 屬性
    例如最多顯示兩個父鏈接的 SiteMapPath 控件的代碼如下所示
    <asp:SiteMapPath ID=SiteMapPath Runat=server
    ParentLevelsDisplayed= >
    </asp:SiteMapPath>
From:http://tw.wingwit.com/Article/program/net/201311/13350.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.