Como faço para criar uma trilha de navegação baseada em termos?
https://sharepoint.stackexchange.com//questions/67584
-
10-12-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPergunta
Estou trabalhando com o SharePoint 2013 e editei minha página mestra HTML no SharePoint Designer para mostrar uma trilha de navegação como fizemos no SharePoint 2010.O código é colocado após o ID "DeltaPlaceHolderPageTitleInTitleArea" na página mestra e é o seguinte:
<!--SPM:<asp:sitemappath
runat="server"
sitemapprovider="SPContentMapProvider"
rendercurrentnodeaslink="true"
nodestyle-cssclass="breadcrumbNode"
currentnodestyle-cssclass="breadcrumbCurrentNode"
rootnodestyle-cssclass="breadcrumbRootNode"
SkipLinkText=""/>-->
Embora isso realmente mostre uma trilha de navegação, não mostra como eu esperava que fosse.Digamos que eu tenha um conjunto de sites chamado "Intranet" e estou em um subsite chamado "Geral".No subsite “Geral”, estou em uma página chamada “Introdução”.Esta página (e todas as outras páginas deste subsite) são gerenciadas por conjuntos de termos.
Mostraria uma trilha como esta:Intranet > Geral > Introdução
Mas agora, digamos que em meu conjunto de termos, eu tenha outros 2 termos que são elementos filhos do termo "Introdução". Esses elementos filhos (termos filhos) são chamados de "Histórico" e "Locais".Se eu estivesse na página “Histórico”, seria apenas mais uma página logo abaixo do subsite “Geral”.
Ele mostraria uma trilha de navegação como esta:Intranet > Geral > Histórico
Embora eu gostaria que aparecesse assim:Intranet > Geral > Introdução > História
Estou um pouco confuso sobre isso, pois não entendo o que devo fazer para que a trilha de navegação detecte qual página é um termo filho e qual é o termo pai e assim por diante.
Agradeço antecipadamente por sua ajuda!
EDITAR:Basicamente, o que procuro é algo como o exemplo em este blog.Só que quero evitar o uso de uma web part.Gostaria de fazer alterações no JavaScript ou diretamente na página mestra.
Solução
Eu encontrei uma maneira de obter uma estrutura hierárquica de trilho usando os valores do termo orientado a navegação do subsite!:)
Ao descobrir que a lista de item de navegação é selecionada (ou seja, que tem a url para a página em que você está), eu pode percorrer a lista e recolher todos os elementos do pai.
Com base nesses elementos pai, agora eu sei a hierarquia e pode usar os valores desses elementos para criar uma trilha de navegação.
Aqui está uma imagem dela como a conhecemos:
E aqui está um screenshot do trilho eu tenho atualmente, com a ajuda de JavaScript:
Como você pode ver, agora ele mostra o caminho completo para uma página.Eu escrevi um novo post no meu blog sobre a minha resposta, com todo o código necessário, incluindo os pedaços de código que você deve adicionar e substituir em sua página principal.
Sinta-se livre para perguntar se você está tendo problemas com o código ou se precisar de ajuda.
Outras dicas
Robert diz que eu facilmente pode implementar utilizando-se de SPTitleBreadcrumb em quase de maneira semelhante.Aqui é o meu código html no layout da página:
<div id="modern-breadcrumb">
<!--MS:<SharePoint:SPTitleBreadcrumb
runat="server"
RenderCurrentNodeAsLink="false"
SiteMapProvider="CurrentNavigationTaxonomyProvider"
ParentLevelsDisplayed="2"
DefaultParentLevelsDisplayed="2"
RootNodeStyle-CssClass="home"
NodeStyle-CssClass="bc-node"
CurrentNodeStyle-CssClass="current"
PathSeparator=""
PathDirection="RootToCurrent">-->
<!--ME:</SharePoint:SPTitleBreadcrumb>-->
</div>
A propriedade Term mostra a taxonomia de navegação de metadados gerenciados da página atual, mas não fornece hiperlinks.
<!--CS: Start Term Property Snippet--><!--SPM:<%@Register Tagprefix="spsswc" Namespace="Microsoft.Office.Server.Search.WebControls" Assembly="Microsoft.Office.Server.Search, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>--><!--SPM:<%@Register Tagprefix="ac679b743" Namespace="Microsoft.SharePoint.Taxonomy" Assembly="Microsoft.SharePoint.Taxonomy, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>--><!--MS:<ac679b743:TermProperty runat="server" TermStoreID="00000000-0000-0000-0000-000000000000" TermSetID="00000000-0000-0000-0000-000000000000" TermID="00000000-0000-0000-0000-000000000000" Property="Path" Title="<%$Resources:osrvcore,TermProperty_Title%>" FrameType="None" SuppressWebPartChrome="True" Description="<%$Resources:osrvcore,TermProperty_Description%>" IsIncluded="True" ZoneID="ImportedPartZone" PartOrder="0" FrameState="Normal" AllowRemove="True" AllowZoneChange="True" AllowMinimize="True" AllowConnect="True" AllowEdit="True" AllowHide="True" IsVisible="True" DetailLink="" HelpLink="" HelpMode="Modeless" Dir="Default" PartImageSmall="" MissingAssembly="<%$Resources:osrvcore,WebPartImportError%>" ImportErrorMessage="<%$Resources:osrvcore,WebPartImportError%>" PartImageLarge="" IsIncludedFilter="" ExportControlledProperties="True" ConnectionID="00000000-0000-0000-0000-000000000000" ID="g_9e235508_1981_4af3_afca_f5a52d0e66cf" ChromeType="None" ExportMode="All" Preview="<div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth "> <div WebPartID="00000000-0000-0000-0000-000000000000" HasPers="true" id="WebPartwpz2_g_9e235508_1981_4af3_afca_f5a52d0e66cf" width="100%" class="ms-WPBody noindex " OnlyForMePart="true" allowDelete="false" style="" ><div id="WebPartContent"> [ TermProperty "g_9e235508_1981_4af3_afca_f5a52d0e66cf" ] </div><div class="ms-clear"></div></div> </div>" __MarkupType="vsattributemarkup" __WebPartId="{9e235508-1981-4af3-afca-f5a52d0e66cf}" WebPart="true" Height="" Width="">--><!--PS: Start of READ-ONLY PREVIEW (do not modify)-->[ TermProperty "Unnamed4" ]<!--PE: End of READ-ONLY PREVIEW--><!--ME:</ac679b743:TermProperty>--><!--CE: End Term Property Snippet-->
Ou use JavaScript assim (precisa de muito mais trabalho para funcionar totalmente)
<SCRIPT LANGUAGE="JavaScript">
<!--
var path = "";
var href = document.location.href;
var s = href.split("/");
for (var i=2;i<(s.length-1);i++) {
path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i].length+1)+"/\">"+s[i]+"</A> / ";
}
i=s.length-1;
path+="<A HREF=\""+href.substring(0,href.indexOf(s[i])+s[i].length)+"\">"+s[i]+"</A>";
document.writeln(path);
//-->
</script>
Eu era capaz de obter um trilho de trabalho gerenciadas de navegação usando o seguinte controle em uma página mestra
<SharePointWebControls:ListSiteMapPath runat="server"
SiteMapProviders="GlobalNavigationTaxonomyProvider"
RenderCurrentNodeAsLink="true" CssClass="s4-breadcrumb"
NodeStyle-CssClass="s4-breadcrumbNode"
CurrentNodeStyle-CssClass="s4-breadcrumbCurrentNode"
RootNodeStyle-CssClass="s4-breadcrumbRootNode"
HideInteriorRootNodes="true"
SkipLinkText=""
PathSeparator="">
</SharePointWebControls:ListSiteMapPath>
Outra opção é utilizar o SPTitleBreadcrumb de controle, como mostrado abaixo:
<SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server">
<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server">
<SharePoint:SPTitleBreadcrumb
runat="server"
RenderCurrentNodeAsLink="false"
SiteMapProvider="CurrentNavigationTaxonomyProvider"
ParentLevelsDisplayed="4"
DefaultParentLevelsDisplayed="4" PathDirection="RootToCurrent">
<PATHSEPARATORTEMPLATE>
<SharePoint:ClusteredDirectionalSeparatorArrow runat="server" />
</PATHSEPARATORTEMPLATE>
</SharePoint:SPTitleBreadcrumb>
</asp:ContentPlaceHolder>
</SharePoint:AjaxDelta>
