Vorbereitung

Gespeichert von Erik Wegner am/um

Ausgangslage

Als Startpunkt dient eine leere Webseite auf einem SharePoint 2013-Server.

Liste anlegen

Zuerst lege ich die Liste Departments (Abteilungen) an:

Eine leere Liste

Nachschlagespalte ergänzen

In der Liste ergänze ich die Spalte "Parent", um damit die Eltern-Kind-Beziehung (Hierarchie) zwischen den Abteilungen eingeben zu können:

Anlegen der Nachschlagespalte

Werte eingeben

Nachdem das erste Element (die Spitze der Pyramide) eingeben ist, stelle ich die Spalte Parent um, sodass die Eingabe eines Wertes erforderlich ist.

Pflichtfeldeinstellung

Gefüllt kann die Liste so aussehen:

Die gefüllte Liste

Bibliotheken bereitstellen

Die Anwendung wird wieder die üblichen JavaScript-Bibliotheken nutzen:

JavaScript-Bibliotheken in einer Dokumentenbibliothek

Wikiseite anlegen

Zur Einbettung der Anwendung lege ich eine neue Seite in der Wikibiliothek SitePages an:

Eine neue Seite anlegen

Bibliotheken laden

Auf der Seite wird nun ein WebPart platziert, der den Lade-Code aufnimmt:

Code einbetten, um die JS-Dateien zu laden

    <script src="/odata/SiteAssets/zepto1.1.3.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery=Zepto;
    </script>
    <script src="/odata/SiteAssets/underscore1.5.2.js" type="text/javascript"></script>
    <script src="/odata/SiteAssets/backbone1.0.0.js" type="text/javascript"></script>
    <script src="/odata/SiteAssets/backbone.sharepoint.odata.js" type="text/javascript"></script>

Damit sieht die Seite nun so aus:

Der Code-WebPart auf der Seite