SharePointCommunity
Die deutschsprachige Community für SharePoint, Office 365 und mit Azure

JSLink Accordion

bewertet von 0 Usern
Beantwortet Dieser Beitrag hat 1 Geprüfte Antwort | 2 Antworten | 1 Follower

Top-50-Beitragsschreiber
Weiblich
299 Beiträge
ExpoIT erstellt in 7 Nov 2017 15:55

Hallo liebes Forum, ich habe ein Code für eine FAQ-Seite mit Accordion.

Hier erst einmal der Code:

(function() {

(window.jQuery || document.write('<script src="//ajax.aspnetcdn.com/ajax/jquery/jquery-1.10.0.min.js"><\/script>'));

var accordionContext = {};

accordionContext.Templates = {};

accordionContext.Templates.Header = "<div class='accordion'>";

accordionContext.Templates.Footer = "</div>";

accordionContext.OnPostRender = accordionOnPostRender;

accordionContext.Templates.Item = accordionTemplate;

SPClientTemplates.TemplateManager.RegisterTemplateOverrides(accordionContext);

})();

 

function accordionTemplate(ctx) {

var title = ctx.CurrentItem["Title"];

var description = ctx.CurrentItem["Description"];

return "<h2>" + title + "</h2><p>" + description + "</p><br/>";

}

 

function accordionOnPostRender() {

$('.accordion h2').click(function () {

$(this).next().slideToggle();

}).next().hide();

$('.accordion h2').css('cursor', 'pointer');

}

 

Die Ausgabe ist folgende:

Einträge der Spalte Title sind untereinander aufgelistet. Sobald ich auf eines dieser Einträge klicke, wird dieser auch per Accordion geöffnet. Allerdings erscheint nicht der erwartete Inhalt. Hier ist überall "undefined" zu sehen.

Woran könnte das liegen?

Danke schonmal

Viele Grüße AS

Beantwortet Geprüfte Antwort

Top-50-Beitragsschreiber
Weiblich
299 Beiträge

ja daran dachte ich auch die ganze Zeit, wurde aber nicht fündig :(

bis ich einfach nur die <p> ... </p> entfernt habe, danach hat es funktioniert, herzlichen Dank

Viele Grüße AS

Alle Antworten

Top-10-Beitragsschreiber
Männlich
18.309 Beiträge

Das kann eigentlich nur an dieser Zeile liegen:

ExpoIT:
var description = ctx.CurrentItem["Description"];

Schaue Dir mal im Debugger an, was danach in der Variablen description steht. Ich nehme an, daß sie undefined ist.

Viele Grüße
Andi
af @ evocom de
Blog
Top-50-Beitragsschreiber
Weiblich
299 Beiträge

ja daran dachte ich auch die ganze Zeit, wurde aber nicht fündig :(

bis ich einfach nur die <p> ... </p> entfernt habe, danach hat es funktioniert, herzlichen Dank

Viele Grüße AS

Seite 1 von 1 (3 Elemente) | RSS