Question

背景
我有一个页面，我从两个单独的列表中显示两个列表视图，这两个列表都有自定义列表作为ListTemplate。他们得到了独立的jslink文件，因为我不希望它们看起来很像。

问题
js链接文件以两个列表视图为目标，因为它们使用相同的模板。

代码

(function () { 
    var listContext = {}; 
    listContext.Templates = {}; 

    listContext.ListTemplateType = 100;

    listContext.Templates.Header = "<div><ul>"; 
    listContext.Templates.Footer = "</ul></div>"; 
    listContext.Templates.Item = LinkTemplate; 

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(listContext); 

})();

问题
有没有办法让js只针对特定列表？

Answer 1

结束他在myfatblog.co.uk上撰写的Paul Hunts解决方案。 http://www.myfatblog.co.uk/index.php/2013/09/listview-web-part-issues-with-jslink-and-display-templates-a-solution/

脚本最终看起来像这样，我把它粘贴到jslink函数中，在那里我定义要覆盖的listContext。

// Override the RenderListView once the ClientTemplates.JS has been called
ExecuteOrDelayUntilScriptLoaded(function(){

    // Copy and override the existing RenderListView
    var oldRenderListView = RenderListView;

    RenderListView = function(ctx,webPartID)
    {
        // Check the title and set the BaseViewId
        if (ctx.ListTitle == "List")
            ctx.BaseViewID = "list";

        //now call the original RenderListView
        oldRenderListView(ctx,webPartID);
    }

},"ClientTemplates.js");

制作jslink目标特定列表

1 个答案: