SharePoint 使用腳本為表單綁定事件

在SharePoint的使用過(guò)程中，我們經(jīng)常需要為表單頁(yè)面做一些特殊處理，比如說(shuō)新建頁(yè)面的時(shí)候有多選項(xiàng)的字段，但是只能選擇指定數(shù)量的選項(xiàng)，尤其在新聞列表或者調(diào)查列表等特殊場(chǎng)景中，廣泛使用。

　　下面，我們就演示一下，如何利用JavaScript腳本，在前臺(tái)處理這樣的問(wèn)題；特別強(qiáng)調(diào)，如果User是比較熟悉Web開(kāi)發(fā)的高手，熟悉各種瀏覽器提供的前臺(tái)修改Html頁(yè)面的工具的話，這樣的方式就屬于小兒科了，我們就需要在列表上綁定EventReceiver，強(qiáng)制不符合條件的數(shù)據(jù)，不能保存。

　　創(chuàng)建示例需要的列表，這里主要定制新建頁(yè)面，選擇News Type的時(shí)候，不能超過(guò)2個(gè)選項(xiàng)。示例列表如下，只有Title、Body、News Type三個(gè)字段，還有列表庫(kù)自帶的字段。

　　這里我們使用Jquery腳本，因?yàn)椴僮髌饋?lái)比JavaScript更加方便，我們添加腳本可以使用內(nèi)容編輯器WebPart，或者使用SharePoint Designer直接打開(kāi)SharePoint的NewForm.aspx頁(yè)面，均可以。我們這里使用SharePoint Designer打開(kāi)，因?yàn)閷懘�碼和修改起來(lái)都相對(duì)比較方便。

　　同時(shí)，我們也演示一下如何使用內(nèi)容編輯器添加腳本，方便大家進(jìn)行不同的嘗試，如下圖：

　　首先點(diǎn)擊右上角小齒輪，如果沒(méi)有這個(gè)按鈕，說(shuō)明你的權(quán)限只是訪問(wèn)者，需要有編輯頁(yè)面權(quán)限的用戶；點(diǎn)擊編輯頁(yè)面進(jìn)入編輯狀態(tài)。

　　點(diǎn)擊頁(yè)面上的添加WebPart，選擇內(nèi)容編輯器WebPart，步驟如下圖：

　　我們首先會(huì)編輯這個(gè)WebPart，點(diǎn)擊“Edit Web Part”，如下圖：

　　一般會(huì)編輯Title屬性和Chrome Type，前者一般寫清這個(gè)部件的作用，后者是去掉部件的標(biāo)題和邊框（我這里為了美觀，去掉了中間寬和高的設(shè)置，大家別見(jiàn)怪）；

　　然后選中WebPart，點(diǎn)擊Ribbon菜單上的編輯源，在里面添加代碼即可，如下圖：

　　有時(shí)也需要點(diǎn)擊“Click here to add new content”，才能看到上面的Ribbon，看不到的就試試吧。

　　使用WebPart的方式就是上面的介紹了，下面我們使用SharePoint Designer添加腳本（腳本添加到Content Editor WebPart同樣適用）：

　　打開(kāi)SharePoint Designer，選中Open Site，如果之前已經(jīng)打開(kāi)過(guò)，可以在Recent Site里選擇，即可：

　　在Site name中填寫我們的網(wǎng)站集地址，點(diǎn)擊Open可以打開(kāi)網(wǎng)站，可能會(huì)彈出登陸框需要登錄，輸入windows賬號(hào)的用戶名和密碼（e.m：domain/linyu password）；

　　然后找到表單存在的位置，注意路徑，如下圖：

　　右鍵需要修改的頁(yè)面，在高級(jí)模式下編輯這個(gè)頁(yè)面，如下圖：

　　一般會(huì)先添加Jquery的引用，然后編寫腳本，如下圖：

　　下面是保存后的頁(yè)面演示，只可以勾選兩個(gè)選項(xiàng)，如下圖：

　　下面是另一種演示，就是可以勾選多個(gè)，但是不能保存，會(huì)提示（具體區(qū)別請(qǐng)參照腳本），如下圖：

　　完整的腳本部分，由于自己并不是專業(yè)的前端開(kāi)發(fā)，可能腳本寫的比較粗糙，大家見(jiàn)諒，如下：

 1 

　　完整的代碼截圖，如下圖：

后記

　　其實(shí)，整個(gè)過(guò)程比較簡(jiǎn)單，最近發(fā)現(xiàn)很多人在問(wèn)，如何在頁(yè)面里添加WebPart，如何在WebPart添加腳本，怎么控制頁(yè)面上的相關(guān)元素；所以，自己舉一個(gè)簡(jiǎn)單的例子，給需要的人一個(gè)參考吧。