前言前端
咱們建立了不少須要審批的單子,可是,從哪裏看到這些單子呢?這篇文章就爲你們介紹,該如何去作。web
正文框架
1.建立一個web部件頁,隨便選一個模板,以下圖:工具
爲何隨便選一個模板,以前已經介紹過了,這裏再重複一遍,由於咱們後續代碼會重作這塊內容,模板都會被刪掉ui
2.建立好的頁面,咱們首先改一個好聽的名字,而後簽出後在高級模式下編輯,以下圖:spa
3.在頭部添加咱們須要引用的腳本和樣式表,以下圖:3d
咱們這裏只用到這幾個,若是你調用別的框架,有其餘需求在這個位置引用就能夠了對象
4.下面節點裏就是內容部分,咱們須要刪掉placeholdermain節點裏的代碼,這個節點不要刪掉,不然會報錯,以下圖:blog
5.在頁面上添加咱們的樣式,而後添加數據表格代碼,初始化表格工具欄代碼(Table上方的工具欄),行操做工具欄代碼,以下圖:事件
這個沒什麼特別的,都是layui裏面的方法,若是用其餘前端控件庫,按照他們的方法初始化就能夠了
6.在頁面上初始化表格工具欄事件、行操做工具欄事件,並去到SharePoint列表獲取數據後綁定到數據表格,以下圖:
7.獲取數據是SharePoint JavaScript對象模型的方法,就是去獲取到數據,而後用table.render初始化到數據表格裏,以下圖:
裏面用到一句簡單的查詢(CamlQuery),查詢建立者是當前登陸人的項目,而且按照建立時間倒序
8.刪除項目的方法,也就是點擊刪除的時候調用,以下圖:
9.整個功能的效果,點擊建立申請跳到新建頁面,項目的查看、編輯和刪除操做,若是項目狀態是Submit則只能查看,不能刪除和編輯。
結束語
整個功能仍是很簡單的,就是SharePoint JavaScript對象模型和layui控件相結合,對於有前端經驗的朋友來講,入門是很是簡單的。