在sharepoint2013中为非自定义webpart注入javascript脚本

概要：

JS Link：一种新的sp field type

其作用：不仅可以控制一些列表当中的字段，而且可以渲染一些content type ，forms，view甚至webpart

亮点：通常一些在sharepoint中默认的webpart需要进一步的修改，比如隐藏其中的一个字段，修改其中某个内容。这里提供一个“光明正大”的途径

 

主要步骤：

 

step 1 制作一个简单不能在简单的JS脚本

 

step 2 上传这个文件到masterpage的文档库

 

step 3 选择正确的选项（content type, Target Control Type,Target Scope, Target List Template ID 等等）

 

我来解释下这几个选项的含义

content type：太简单了，懒得啰嗦。

target control type：这个文件用来渲染对象的类型。etc.如果上传文件将会用来修饰一个View那么，这个选项就选择View。

Standlone：当这个文件在用作View选项（上面），这个文件可否被视为重写

Target Scope：这个文件被使用的范围。如果是本站点就输入“ \ ”，如果用于子站点，则输入子站点路径。

Target List Template ID：我没使用这个选向，但是功能不受影响。从字面意思，应该是：关联别表的模板代码，比如（task的模板是107）

 

step 4 发布到主要版本

 

在右键菜单里有个发布到主要版本的选项，可能因我的账号是管理员，所以没有这个选项，只要上传的文件就已经是发布版本了

 

step 5 找到想要操作的webaprt进入编辑模式

step 6 建立 webpart和JS的联系（最关键的一步）

在miscellaneous里面有个JS link的字段，填写下路径就可以使用了

 

图片的没有囊括完整，我再写一遍，我觉得这个路径要背下来。！

~site/_catalogs/masterpage/aa.js

 

Finish！

 

结果图片我忘记照下来，就是在刷新页面的时候，会出现一个ASDF的alert

 

后记：在sp2010里面，在页面里面插入一个链接，先找到对象的class 或是id，通过Jquery，选定对象，现在可以正大光明的来操作。方便了不少。