JSLink Accordion

ExpoIT erstellt 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