使用CSR在sharepoint 2013上的列表上进行条件格式设置

时间:2017-01-10 10:57:56

标签: javascript sharepoint-2013

我正在尝试将条件格式设置用于Sharepoint 2013上的列表,我想要做的是根据输入的内容更改优先级字段中单词的颜色,例如高=红色低=绿色中等=橙色

我已经尝试了多种方法来做这个,我已经看了很多教程,但因为我只有JS和CSR的基本知识我发现它非常难,我明白要申请JS文件到web部分我必须链接web部件编辑器的miscellanious区域中的文件的地址位置它只是我遇到问题的代码。

这是我到目前为止所拥有的

 
(function () { 

    var priorityFiledContext = {}; 
    priorityFiledContext.Templates = {}; 
    priorityFiledContext.Templates.Fields = { 
        
        "Priority": { "View": priorityFiledTemplate } 
    }; 
 
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(priorityFiledContext); 
 
})(); 

function priorityFiledTemplate(ctx) { 
 
    var priority = ctx.CurrentItem[ctx.CurrentFieldSchema.Name]; 
  
    switch (priority) { 
        case "(1) High": 
            return "<span style='color :#f00'>" + priority + "</span>"; 
            break; 
        case "(2) Normal": 
            return "<span style='color :#ff6a00'>" + priority + "</span>"; 
            break; 
        case "(3) Low": 
            return "<span style='color :#cab023'>" + priority + "</span>"; 
    } 
} 

1 个答案:

答案 0 :(得分:1)

只要您使用英语标准任务列表,代码看起来就会很好(如果没有,您必须将交换机块中的优先级字符串更改为您的任务列表正在使用的任何内容)。

您可以使用以下方法简化CSR自定义的部署Cisar Chrome浏览器插件。它将在浏览器窗口中实时写入的更改实时发布到服务器,将即时创建的Javascript文件附加到当前在浏览器中打开的列表中(假设您有权这样做)。