Sharepoint 2013 JSLink（CSR）不起作用

Question

我正在尝试通过以下教程将列表视图设为手风琴：

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

-

我遵循了教程：

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

名称：说明

类型：多行文字

编辑默认新表单

转到列表视图Web部件属性，并将JSLink文件（~sitecollection / Style Library / JSLink-Samples / Accordion.js）添加到Miscellaneous选项卡下的JS链接属性。单击“应用”。

-

没有任何改变，所以我在该页面添加了一个脚本编辑器并粘贴了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/>"; 
} 

结果

---

我建议您尝试使用另一种方法将List View呈现为手风琴，如Customize the rendering of a List View in Sharepoint 2013: Displaying List Items in Accordion文章中所示。

关键点：

• jQuery IU Accordion用于将列表项呈现为可折叠 内容专家组
• 演示了如何加载多个JavaScript库（例如jQuery） 使用JSLink属性

结果