日本国产亚洲-日本国产一区-日本国产一区二区三区-日本韩国欧美一区-日本韩国欧美在线-日本韩国欧美在线观看

當前位置:雨林木風下載站 > 辦公軟件教程 > 詳細頁面

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

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

更新時間:2024-02-09 文章作者:未知 信息來源:網絡 閱讀次數:

SharePoint發行版本有SharePoint2003、SharePoint2007、Sharepoint 2010、SharePoint2013和SharePoint2016。SharePoint提供了功能強大的團隊協作環境,使得組織能夠在整個組織內部實現整合、組織、查找和提供 SharePoint站點。

在SharePoint的使用過程中,我們經常需要為表單頁面做一些特殊處理,比如說新建頁面的時候有多選項的字段,但是只能選擇指定數量的選項,尤其在新聞列表或者調查列表等特殊場景中,廣泛使用。

  下面,我們就演示一下,如何利用JavaScript腳本,在前臺處理這樣的問題;特別強調,如果User是比較熟悉Web開發的高手,熟悉各種瀏覽器提供的前臺修改Html頁面的工具的話,這樣的方式就屬于小兒科了,我們就需要在列表上綁定EventReceiver,強制不符合條件的數據,不能保存。

  創建示例需要的列表,這里主要定制新建頁面,選擇News Type的時候,不能超過2個選項。示例列表如下,只有Title、Body、News Type三個字段,還有列表庫自帶的字段。

clip_image002

  這里我們使用Jquery腳本,因為操作起來比JavaScript更加方便,我們添加腳本可以使用內容編輯器WebPart,或者使用SharePoint Designer直接打開SharePoint的NewForm.aspx頁面,均可以。我們這里使用SharePoint Designer打開,因為寫代碼和修改起來都相對比較方便。

  同時,我們也演示一下如何使用內容編輯器添加腳本,方便大家進行不同的嘗試,如下圖:

  首先點擊右上角小齒輪,如果沒有這個按鈕,說明你的權限只是訪問者,需要有編輯頁面權限的用戶;點擊編輯頁面進入編輯狀態。

clip_image004

  點擊頁面上的添加WebPart,選擇內容編輯器WebPart,步驟如下圖:

clip_image006

  我們首先會編輯這個WebPart,點擊“Edit Web Part”,如下圖:

clip_image008

  一般會編輯Title屬性和Chrome Type,前者一般寫清這個部件的作用,后者是去掉部件的標題和邊框(我這里為了美觀,去掉了中間寬和高的設置,大家別見怪);

clip_image010

  然后選中WebPart,點擊Ribbon菜單上的編輯源,在里面添加代碼即可,如下圖:

clip_image012

  有時也需要點擊“Click here to add new content”,才能看到上面的Ribbon,看不到的就試試吧。

clip_image014

  使用WebPart的方式就是上面的介紹了,下面我們使用SharePoint Designer添加腳本(腳本添加到Content Editor WebPart同樣適用):

  打開SharePoint Designer,選中Open Site,如果之前已經打開過,可以在Recent Site里選擇,即可:

clip_image016

  在Site name中填寫我們的網站集地址,點擊Open可以打開網站,可能會彈出登陸框需要登錄,輸入windows賬號的用戶名和密碼(e.m:domain/linyu password);

clip_image018

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

clip_image020

  右鍵需要修改的頁面,在高級模式下編輯這個頁面,如下圖:

clip_image022

  一般會先添加Jquery的引用,然后編寫腳本,如下圖:

clip_image024

  下面是保存后的頁面演示,只可以勾選兩個選項,如下圖:

clip_image026

  下面是另一種演示,就是可以勾選多個,但是不能保存,會提示(具體區別請參照腳本),如下圖:

clip_image028

  完整的腳本部分,由于自己并不是專業的前端開發,可能腳本寫的比較粗糙,大家見諒,如下:

復制代碼
 1 
復制代碼

  完整的代碼截圖,如下圖:

clip_image030

后記

  其實,整個過程比較簡單,最近發現很多人在問,如何在頁面里添加WebPart,如何在WebPart添加腳本,怎么控制頁面上的相關元素;所以,自己舉一個簡單的例子,給需要的人一個參考吧。


Sharepoint 可以幫助企業用戶輕松完成日常工作。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

主站蜘蛛池模板: 爱爱免费高清在线观看1080p | 色婷婷久久免费网站 | 国产成 人 色综合 亚洲 | 久久精品国产亚洲高清 | 欧洲精品一区二区 | 2019毛片| 蜜桃丶麻豆91制片厂 | 天天噜天天射 | 亚洲精品久久 | 香港三级日本三级乱 | 国产小视频在线观看 | 国产日韩精品一区二区 | a级日本高清免费看 | 久久久久毛片成人精品 | 国产在线91精品天天更新 | 国产福利一区二区三区视频在线 | 国产大战开裆丝袜高跟美女 | 五月天婷五月天综合网在线 | 一级做人爱视频日本 | 国产精品视频久久久 | 天天舔天天插 | 七次郎在线华人最新首页 | 在线视频人人视频www | 欧美一区二区三区成人看不卡 | 久久―日本道色综合久久 | 成人看片黄a免费看视频 | 久久国产精品-国产精品 | 狠狠久久久久久亚洲综合网 | 国内精品一区二区三区最新 | 中文字幕免费观看视频 | 成人公开视频 | 国产精品久久久久影院色 | 天一天干夜夜爽日日 | 国产产一区二区三区久久毛片国语 | 精品亚洲成a人在线播放 | 国产精品网站在线观看 | 亚洲操片 | 久久亚洲精品国产精品777777 | 99国内精品 | 日本免费高清在线 | 日韩欧美色视频 |