5

ページの私のフォルダー階層は次のとおりです (それらはすべて同じフォルダーにあります)。

Site.Master
Default.aspx
find_provider.aspx
provider.aspx

私はWeb.sitemapページを設定しました：

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="~/Default.aspx" title="Home"  description="Homepage">
        <siteMapNode url="~/find_provider.aspx" title="Provider" description="Search for provider">
            <siteMapNode url="~/provider.aspx" title="Profile" description="Shows each provider profile" />
        </siteMapNode>
    </siteMapNode>
</siteMap>

MasterPage で呼び出しています:

<div id="navigation">
    <ul>
        <li><asp:HyperLink runat="server" ID="lnkHome" NavigateUrl="~/Default.aspx">Home</asp:HyperLink></li>

        <asp:Repeater runat="server" ID="menu" DataSourceID="SiteMapDataSource1">
            <ItemTemplate>
                <li>
                    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("Url") %>'><%# Eval("Title") %></asp:HyperLink>
                </li>
            </ItemTemplate>
        </asp:Repeater>
    </ul>

    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="false" />
</div>

Default.aspx私のランディングページもそうです。ユーザーは をクリックしfind_provider.aspxて、選択したプロバイダーを検索できます。各プロバイダの検索結果について、ユーザーは PROFILE リンクをクリックして、ページである個々のプロバイダの情報を表示できprovider.aspxます。

そう：

  • ホームページにいる場合、パンくずリストは次のようになります。Home
  • プロバイダーの検索ページにいる場合、パンくずリストは次のようになります。Home Provider
  • プロフィール ページを表示している場合、パンくずリストは次のようになります。Home Provider Profile

代わりに、自分のページに次のように表示されます (現在のページに関係なく)。

サイトノードとサブサイトノードごとにブレッドクラムが表示されるようにコードを修正してください。

私が達成したいことのサンプル:

HTML:

<div class="bcHolder brClear"> <!-- BC MAIN -->
    <div class="innerBreadCrumb"> <!-- INNER BC -->
        <ul id="breadcrumb">
            <li><a href="default.aspx" title="Home"><img src="theImages/homeIcon.gif" alt="Home" title="Home" class="home" /></a></li>
            <li id="bc_fp"><a href="find_provider.aspx" title="Find a Provider">Find a Provider</a></li>
            <!--<li>{ON THE CURRENT PAGE TEXT/URL</li>-->
        </ul>
    </div> <!-- INNER BC -->
</div> <!-- BC MAIN -->

出力：

ここに画像の説明を入力

4

2 に答える 2

4

ここでの質問を参照してください: How to use Bootstrap style of BreadCrumb with my ASP.NET menu?

SiteMapPath<ul/>は、HTML レンダリングでタグとして機能します。したがって、そこでメソッドを使用するには、構造は次のようになります。

<div class="bcHolder brClear"> <!-- BC MAIN -->
    <div class="innerBreadCrumb"> <!-- INNER BC -->
        <asp:SiteMapPath ID="SiteMap1" 
        runat="server"
        PathSeparator=" / " 
        ParentLevelsDisplayed="1" 
        PathDirection="RootToCurrent"
        ShowToolTips="true">
        <CurrentNodeStyle CssClass="current-node"></CurrentNodeStyle>
        <NodeTemplate>
            <li><a href="default.aspx" title="Home"><img src="theImages/homeIcon.gif" alt="Home" title="Home" class="home" /></a></li>
            <li id="bc_fp"><a href="find_provider.aspx" title="Find a Provider">Find a Provider</a></li>
            <!--<li>{ON THE CURRENT PAGE TEXT/URL</li>-->
            </NodeTemplate>
        </asp:SiteMapPath>
    </div> <!-- INNER BC -->
</div> <!-- BC MAIN -->

次に、CurrentNode のハイパーリンクを解決するために必要な JavaScript を追加します。

お役に立てれば。

于 2014-11-27T10:27:53.423 に答える
1

これは現在私にとってはうまくいきます.Page_Loadにはもっと多くのコードがありますが、これは重要な部分です

私の現在の MasterPages Pre-Render Event には、というメソッドがあります

 protected void Page_PreRender(object sender, EventArgs e)
 {
     SetNavigationLabel();
 }

次に、これを Page_Load() 内にセットアップします

protected void Page_Load(object sender, EventArgs e)
{   
    var pageUrl = GetCurrentPageName();
}

private void SetNavigationLabel()
{
    RadMenu NavigationMenu = (RadMenu)this.FindControl("RadMenu1");
    foreach (RadMenuItem m in NavigationMenu.Items)
    {
        if (Request.Url.AbsoluteUri.ToLower() == Server.MapPath(Request.Url.AbsolutePath.ToLower()) || m.Selected)
        {
            string sPagePath = System.Web.HttpContext.Current.Request.Url.AbsolutePath;
            System.IO.FileInfo oFileInfo = new System.IO.FileInfo(sPagePath);
            string sPageName = "~/" + oFileInfo.Name;
            oFileInfo = null;
            var navName1 = NavigationMenu.FindItemByUrl(Request.RawUrl);
            var navName = navName1.Text;
            lblNavTitle.Text = navName;
            ((IDisposable)NavigationMenu).Dispose();
            break;
        }
    }
}

public string GetCurrentPageName()
{
     var sPath = System.Web.HttpContext.Current.Request.Url.AbsolutePath;
     FileInfo oInfo = new FileInfo(sPath);
     var sReturn = oInfo.Name;
     oInfo = null;
     return sReturn;
}
于 2014-11-12T17:47:30.547 に答える