1. 程式人生 > >在sharepoint2013中為非自定義webpart注入javascript指令碼

在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,選定物件,現在可以正大光明的來操作。方便了不少。