SharePoint JS Link 之(一) 改变column的颜色

本文介绍如何在SharePoint 2013中利用JS Link功能不写后台代码,仅通过JavaScript改变列表项表单中Language列的颜色。通过新建JS文件并注册信息,实现不同语言值显示不同颜色的效果。详细步骤包括创建JS文件、编写样式实现方法,以及将文件上传到Style Library并应用到视图。
摘要由CSDN通过智能技术生成

在SharePoint2013之前,想要修改列表项表单的样式,是一件非常痛苦的事情。一般来说,任何的列表都包含三种表单:

1.      新建列表项(new)

2.      编辑属性(edit properties)

3.      查看列表项(view properties)

 

除此之外,还有一种显示方法,就是在视图(view)显示,比如:


在SharePoint 2013里,新加了一个功能叫JSLink,有了它,不用写任何后台代码,只需要写JS就能修改列表项的显示了。

 

比如,我想修改Language列的值颜色,不同的语言显示不同的颜色,如何做到呢?

 

再次之前先新建一个空白js文件。一个JSLink 文件通常包含两个部分:

1.      注册相关信息给SharePoint。

要修改那个表单/视图? 要修改哪个列?新样式的实现方法是哪个?

2.      新样式的实现方法

这里面返回新的样式的html代码。

 

首先说第一点。

 

(function () {
 
   var FiledC
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值