sharepoint - 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) 添加到杂项选项卡下的 JS 链接属性。单击应用。

-

没有任何改变，所以我在该页面中添加了一个脚本编辑器并粘贴了 js 代码。然后它有点工作。

是不是我做错了什么？谢谢！

Answer 1

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

Description要在字段类型为Rich textor时正确呈现它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/>"; 
} 

结果

---

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

关键点：

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

结果