列表项上的JSLink禁用排序功能

Question

尝试将以下脚本放入列表视图上的CEWP时：

 ; (function () 
  {
var fieldJsLinkOverride = {};
fieldJsLinkOverride.Templates = {};
fieldJsLinkOverride.Templates.Fields =
    {
        'Title': { //Titelfeld
        'View': function () {
         return '<a href=\" //url of th sp site' + ctx.CurrentItem.ItemID+ '\" target=\"_blank\">'+ctx.CurrentItem.Title+'</a>'  
                            }
              }
    };

// Register the rendering template
SPClientTemplates.TemplateManager.RegisterTemplateOverrides(fieldJsLinkOverride);
 })();

因此，这会将Title字段更改为我想要的链接，这一切都很好，但当我尝试对列表进行排序时，它会返回以下内容：

  Unable to get property 'ItemID' of undefined or null 

有没有人知道这个问题，或者可能找到解决方案？

Answer 1

您在代码中使用了ctx，但尚未将其传递给函数。

请记住，您为JS Link编写的每个函数都将被作为参数传递给一个“上下文”对象。从该对象中，您可以检索有关当前列表、当前列表项和其他对象的属性。

请参考下面的代码。这里我们将ctx传递给一个函数。试试这个：

{
        'Title': { //Titelfeld
        'View': function (ctx) {
         return '<a href=\" //url of th sp site' + ctx.CurrentItem.ItemID+ '\" target=\"_blank\">'+ctx.CurrentItem.Title+'</a>'  
                            }
              }
    };