Sharepoint 2013 JSLink (CSR)无法工作

Question

通过遵循本教程，我试图使我们的列表视图成为手风琴：

https://code.msdn.microsoft.com/office/Client-side-rendering-code-ccdb2a0e

-

我遵循了教程：

创建自定义列表，向列表中添加新列：

名称:描述

类型:多行文本

编辑默认的新表单

转到列表视图web部件属性，并将JSLink文件(~sitec管段/Style Library/JSLink-Sample/Accordion.js)添加到杂项Tab下的JS链接属性中。单击Apply。

-

没有什么改变，所以我在那个页面中添加了一个脚本编辑器并粘贴了js代码。那它就起作用了。

我做错什么了吗？谢谢!

Answer 1

不幸的是，当Description字段是指定示例中的Plain text类型时，列表视图将正确呈现。

若要在Description字段为Rich text或Enhanced类型时正确呈现它，请用以下方法替换accordionTemplate函数：

function accordionTemplate(ctx) { 
    var title = ctx.CurrentItem["Title"]; 
    var description = ctx.CurrentItem["Description"]; 

    // construct List Item  
    return "<h2>" + title + "</h2><p>" + $(description).html() + "</p><br/>"; 
} 

结果

​

​

我建议您尝试另一种方法，将列表视图呈现为手风琴，如自定义2013年Sharepoint中列表视图的呈现:在手风琴中显示列表项文章所示。

要点：

• jQuery IU手风琴用于将列表项呈现为可折叠的内容面板。
• 演示如何使用JavaScript属性加载多个JSLink库(例如jQuery)。

结果

​

​