{"id":505,"date":"2013-12-08T16:44:30","date_gmt":"2013-12-08T14:44:30","guid":{"rendered":"http:\/\/www.mediamill.de\/blog\/?p=505"},"modified":"2013-12-06T22:14:08","modified_gmt":"2013-12-06T20:14:08","slug":"darstellen-der-ordnerstruktur-einer-sharepoint-dokumentenbibliothek-mithilfe-einer-treeview","status":"publish","type":"post","link":"https:\/\/www.mediamill.de\/blog\/2013\/12\/08\/darstellen-der-ordnerstruktur-einer-sharepoint-dokumentenbibliothek-mithilfe-einer-treeview\/","title":{"rendered":"Darstellen der Ordnerstruktur einer SharePoint-Dokumentenbibliothek mithilfe einer Treeview"},"content":{"rendered":"

Die Aufgabenstellung war, ein Formularcenter mithilfe von SharePoint zu erstellen. Es sollten \u00fcber 400 Formulare hierarchisch gegliedert zum Download angeboten werden. Nach l\u00e4ngerem Testen der standardm\u00e4\u00dfigen Gruppierungfunktionalit\u00e4ten f\u00fcr Sharepoint-Listen, was nicht das gew\u00fcnschte Ergebnis brachte, stie\u00df ich auf folgenden englischen Blogeintrag:\u00a0Adding a Treeview to a Document Library using SPTreeView and\u00a0SPHierarchicalDataSource<\/a><\/p>\n

Hier wurde gezeigt, wie man mittels SharePoint-Designer eine Ansicht erstellen kann, die die Ordnerstruktur einer SharePoint-Dokumentenbibliothek mittels eines TreeView-Steuerelementes abbildet – und dies ganz ohne Hilfe eines Webparts.<\/p>\n

Folgende Schritte sind f\u00fcr eine TreeView-Ansicht einer SharePoint-Dokumentenbibliothek notwendig:
\n1. Aktivieren der Dateiansicht im SharePoint-Designer, um „Alle Dateien“ anzuzeigen. Dies muss unter den Website-Einstellungen der entsprechenden Websitesammlung gemacht werden. Hier ist unter der Rubrik „Websitesammlungsverwaltung“ der Link „SharePoint Designer-Einstellungen“ auszuw\u00e4hlen. Danach muss die Checkbox „Verwaltung der URL-Struktur der Website aktivieren“ aktiv gesetzt werden.<\/p>\n

\"SharePoint_Designer_Einstellungen\"<\/a><\/p>\n

\"SharePoint_Designer_Alle_Dateien_anzeigen\"<\/a><\/p>\n

2. \u00a0Danach ist die entsprechende View, die mit dem TreeView-Steuerelement versehen werden soll, im SharePoint-Designer im erweiterten Modus zu bearbeiten.<\/p>\n

\"SharePoint_Designer_Datei_im_erweiterten_Modus_bearbeiten\"<\/a><\/p>\n

3. Danach wird der komplette Inhalt des ContentPlaceHolder-Tags mit der ID „PlaceHolderMain“ ausgeschnitten und \u00fcber die Zwischenablage in einem externen Editor tempor\u00e4r abgelegt.<\/p>\n

<asp:Content ContentPlaceHolderId=\"PlaceHolderMain\" runat=\"server\">\r\n\r\n<-- Gesamten Taginhalt ausschneiden und zwischenspeichern -->\r\n\r\n<\/asp:Content><\/pre>\n
4. Erstellen einer HTML-Tabelle in dem leeren ContentPlaceHolder-Tag, um das Treeview-Steuerelement und die urspr\u00fcngliche Liste der Dokumentenbibliothek zu platzieren.<\/p>\n
<asp:Content ContentPlaceHolderId=\"PlaceHolderMain\" runat=\"server\">\r\n\r\n<-- Tabelle als Layouthilfe f\u00fcr die Treeviev und die Liste der Dokumentenbibliothek -->\r\n<table style=\"width: 100%\">\r\n <tr valign=\"top\">\r\n     <td width=\"20%\">\r\n     <-- Spalte f\u00fcr die Treeview -->\r\n     <\/td>\r\n     <td>\r\n     <-- Spalte f\u00fcr die Listendarstellung der Dokumentenbibliothek -->\r\n     <\/td>\r\n\r\n    <\/tr>\r\n<\/table>\r\n<\/asp:Content><\/pre>\n
5. Ermitteln der notwendigen Informationen f\u00fcr das Treeview-Steuerelement mithilfe der Powershell und dem SharePoint-Designer. Ben\u00f6tigt werden die ListID der Dokumentenbibliothek und die ID der Webseite, in der sich die Dokumentenbibliothek befindet.<\/p>\n
Die ListID der Dokumentenbibliothek wird mit dem SharePoint-Designer ermittelt:<\/p>\n
\"ListID_von_SharePoint_Liste_mit_SharePoint_Designer_ermitteln\"<\/a><\/p>\n
Die ID der Website kann mit der PowerShell ermittelt werden:<\/p>\n
PS C:\\scripts> $site=get-spsite http:\/\/xxxxxxxxx\/formularcenter\r\nPS C:\\scripts> $site.id\r\nGuid\r\n----\r\ne2044234-0449-4362-af2b-7ba48b9ad678<\/pre>\n
6. Vorbereiten und Anpassen des Codes f\u00fcr das Treeview-Steuerelement:<\/p>\n
<SharePoint:SPHierarchyDataSourceControl id=\"doclibDataSource\" runat=\"server\" RootListId=\"XXXXXXXXXXXXXXX\" RootWebId=\"YYYYYYYYYYYYY\" ShowFolderChildren=\"true\" EnableViewState=\"false\"><\/SharePoint:SPHierarchyDataSourceControl>\r\n<SharePoint:SPTreeView ID=\"doclibtreeview\" runat=\"server\" DataSourceID=\"doclibDataSource\" EnableViewState=\"false\" ExpandDepth=\"2\"  SelectedNodeStyle-CssClass=\"ms-tvselected\"><\/SharePoint:SPTreeView>\r\n\r\n<-- XXXXXXXXXXXXXX = ID der Dokumentenbibliothek, ermittelt mit dem SharePoint Designer -->\r\n<-- YYYYYYYYYYYYYY = ID der Website, ermittelt mit der Powershell --><\/pre>\n
7. Einf\u00fcgen des Treeview-Codes in die oben erstellte Tabelle.<\/p>\n
8. Einf\u00fcgen des zwischengespeicherten Codes f\u00fcr die eigentliche Listendarstellung der Dokumentenbibliothek, ebenfalls in die oben erstellte Tabelle.<\/p>\n
9. Das Ganze sollte nun wie folgt aussehen:<\/p>\n
\"SharePoint_Dokumentenbibliothek_mit_Treeview\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Die Aufgabenstellung war, ein Formularcenter mithilfe von SharePoint zu erstellen. Es sollten \u00fcber 400 Formulare hierarchisch gegliedert zum Download angeboten werden. Nach l\u00e4ngerem Testen der standardm\u00e4\u00dfigen Gruppierungfunktionalit\u00e4ten f\u00fcr Sharepoint-Listen, was nicht das gew\u00fcnschte Ergebnis brachte, stie\u00df ich auf folgenden englischen Blogeintrag:\u00a0Adding a Treeview to a Document Library using SPTreeView and\u00a0SPHierarchicalDataSource Hier wurde gezeigt, wie man […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55,53,54],"tags":[],"class_list":["post-505","post","type-post","status-publish","format-standard","hentry","category-powershell","category-sharepoint-2","category-sharepoint-designer"],"_links":{"self":[{"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/posts\/505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/comments?post=505"}],"version-history":[{"count":9,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/posts\/505\/revisions"}],"predecessor-version":[{"id":573,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/posts\/505\/revisions\/573"}],"wp:attachment":[{"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/media?parent=505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/categories?post=505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mediamill.de\/blog\/wp-json\/wp\/v2\/tags?post=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}