javascript - SharePoint 2013 列表搜索框和客户端站点呈现 (JSLink)

Question

我正在尝试实现常见问题解答 Accordion SharePoint 列表。我在使用 JSLink 时设法让 Accordion 工作。遗憾的是，搜索工作无法正常进行。我在 JSLink js 中使用了以下代码:

(function () {
/*
 * Initialize the variable that store the overrides objects.
 */
var overrideCtx = {};
overrideCtx.Templates = {
    Header: function(ctx) {
            var headerHtml =  RenderTableHeader(ctx);
            headerHtml += "</table>";
            headerHtml += "<div id='accordion'>";
            return headerHtml;
        },
    Footer: function (ctx) {
        return "</div>";
                        },
    Item: function(ctx) {
        // Build a listitem entry for every announcement in the list.
        var ret = "<h3 class='OutlookFAQ'>"+ctx.CurrentItem.Title+"</h3><div style='display:none;' class='OutlookFAQContent'><p>"+ctx.CurrentItem.Answer+"</p></div>";
        return ret;
    }

};


overrideCtx.BaseViewID = 1;
overrideCtx.ListTemplateType = 100;



overrideCtx.OnPostRender = [];
overrideCtx.OnPostRender.push(function()
{
    $('#accordion h3').click(function(e) {
            $(e.target).next('div').siblings('div').slideUp();
            $(e.target).next('div').slideToggle();
    });
});

SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);

})();

令我难过的是， Accordion 正在工作，搜索框正在显示。如果我尝试提交搜索，sp.ui.listsearchbox.js 中会弹出 JS 错误“TypeError: this.$T_3 is null”。有什么想法吗？

问候

雷内

Answer 1

出现此错误的原因是缺少 Search Status 元素，该元素是搜索控件的一部分并在 Footer 模板中呈现

搜索状态

搜索状态元素用于显示有关搜索结果的提示。RenderSearchStatus函数用于渲染搜索状态

解决方案

替换页脚渲染模板

Footer: function (ctx) {
    return "</div>";   
}

与

Footer: function (ctx) {
   var footerHtml = "</div>";
   footerHtml += RenderFooterTemplate(ctx);  //render standard footer (pager, search status)
   return footerHtml;   
}

<小时/>

博客文章Customize the rendering of a List View in Sharepoint 2013: Displaying List Items in Accordion包含呈现为 Accordion 的 ListView 的工作示例。