使用 CSR 更改列表视图中 fieldscolumns 的超链接

下面的示例演示如何使用 CSR 更改列表视图中 ID和“ Title(LinkTitle) ”字段的超链接。

第 1 步：创建一个 JS 文件并粘贴到代码下面

(function () {
    
    function registerRenderer() {
        var ctxForm = {};
        ctxForm.Templates = {};

        ctxForm.Templates = {
            Fields : {
                'LinkTitle': { //------ Change Hyperlink of LinkTitle
                    View : function (ctx) {
                        var url = String.format('{0}?ID={1}', "/sites/Lists/testlist/EditItem.aspx", ctx.CurrentItem.ID);
                        return String.format('<a href="{0}" onclick="EditItem2(event, \'{0}\');return false;">{1}</a>', url, ctx.CurrentItem.Title);
                    }
                },
                'ID' : { //------ Change Hyperlink from ID field
                    View : function (ctx) {
                        var url = String.format('{0}?ID={1}', "/IssueTracker/Lists/testlist/DisplayItem.aspx", ctx.CurrentItem.ID);
                        return String.format('<a href="{0}" onclick="EditItem2(event, \'{0}\');return false;">{1}</a>', url, ctx.CurrentItem.ID);
                    }
                },

            }
        };
        SPClientTemplates.TemplateManager.RegisterTemplateOverrides(ctxForm);
    }
    ExecuteOrDelayUntilScriptLoaded(registerRenderer, 'clienttemplates.js');

})();

第 2 步：转到 List View 的 Web 部件属性，并将 JS Link 引用添加到这个新创建的 js 文件中（例如~sitecollection / SiteAssets / CSRCodeFile.js）

（注意：仅以此格式引用你的 JSlink。“~sitecollection / YourJSfFilePath”。）

第 3 步：Appy 和 Done