Listeneintrag mit Javascript einfärben

DaBus Als Antwort am 15 Apr. 2015 20:15

Hi,

es handelt es sich hierbei um SharePoint 2013? Dann wäre sicherlich JSLink die richtige Wahl.

Hierzu habe ich erst kürzlich einen Beitrag geschrieben, wie man eine Kontaktliste im Aussehen verändern kann: http://www.dbuschke.de/blog/darstellung-einer-kontaktliste-anpassen-mit-jslink/

Ansonsten Suche nach JSLink und Ampelwerte, da solltest du auch viele Beispiele finden.

Grüße, Daniel

Luka Als Antwort am 16 Apr. 2015 08:26

Das Problem ist, das es weder ein Listenwebpart ist, und das der Download Link für die Datein auf der Seite nicht mehr funktioniert!

 Unter dem Begriff Ampelwerte habe ich bis jetzt schon einiges zusammen gegoogled doch die bis hier hin bestehenden Tutorials habe ich nur halb verstanden...

DaBus Als Antwort am 16 Apr. 2015 09:04

Auch die AllItems.aspx hat nur ein Listenansichtswebpart drauf.

Setze die Seite in den Bearbeitungsmodus dann wirst du es sehen.

Grüße

Luka Als Antwort am 16 Apr. 2015 09:19

Wie setzt man denn so einen Webpart in den Bearbeitungsmodus ich hab ja in der oberen rechten ecke kein Dropdown wo "bearbeiten" steht?

Luka Als Antwort am 16 Apr. 2015 09:31

Okee ich hab das bearbeiten gefunden :DD 

Tiac Als Antwort am 16 Apr. 2015 13:12

Hallo Luka,

du könntest das Ganze auch über den SP-Designer lösen. Dort kannst du auf Listenansichten oder auch Webparts eine bedingte Formatierung (ähnlich wie in Excel) legen. 

Vielleicht bringt dich das ja etwas weiter.

Grüße

Luka Als Antwort am 16 Apr. 2015 14:32

Danke Tiac, zu dem Thema habe ich mich auch schon ein wenig belesen, dies soll jedoch nicht in Version 201 von SharePoint funktionieren.

Vlt. kann mir ja trotzdem wer helfen und sagen wie ich eine eigene Spalte mit JS ansprechen kann

ctx.CurrentItem.eigenespalte

Irgendwie so muss das ja aussehen?! 

DaBus Als Antwort am 22 Apr. 2015 21:23

Hallo Luka,

wie man eine Spalte anspricht, siehst du ebenfalls in meinem Script in Zeile 17-26. Dies geschieht mit ctx.CurrentItem["Spalte"]

Luka Als Antwort am 23 Apr. 2015 08:51

Habe bereits die richtige Lösung gefunden. Vielen Dank trotzdem! :)

Patrick Als Antwort am 22 Apr. 2015 16:35

Das hier hat mir den Einstieg etwas erleichtert.

http://www.learningsharepoint.com/2013/04/04/color-code-list-items-with-javascript-using-js-link-in-sharepoint-2013/

oder eventuell hilft dir das weiter (einfach kopieren und als z.B. Ampel.js abspeichern, dann noch richtig hochladen und als JS-Link einbinden und natürlich Werte nach deiner Liste anpassen)

JS-Link wäre dann ca. : ~sitecollection/_catalogs/masterpage/Ampel.js

:

(function () {

    var statusFieldCtx = {};

    statusFieldCtx.Templates = {};

    statusFieldCtx.Templates.Fields = {

        "Status": {

            "View": StatusFieldViewTemplate

        }

    };

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(

        statusFieldCtx

        );

})();

function StatusFieldViewTemplate(ctx) {

    var _statusValue = ctx.CurrentItem.Status;

     if (_statusValue == 'aktiv')

     {

        return "<img src='http://sp13/SiteAssets/rot.png'/>";

     }

     if (_statusValue == 'geschlossen')

     {

        return "<img src='http://sp13/SiteAssets/green.png'/>";

     } 

}

AndyKay Als Antwort am 6 Nov. 2015 15:35

Hallo Zusammen, 

wie kann ich mit dem Script denn eine Ampel  mehrere Spalten hinzufügen? 

Ich habe z.B. 4 Spalten, Statusauswahl ist jedoch immer gleich.

Beste Grüße