SharePoint Online 建立個人審批列表

  前言前端

  咱們建立了不少須要審批的單子,可是,從哪裏看到這些單子呢?這篇文章就爲你們介紹,該如何去作。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控件相結合,對於有前端經驗的朋友來講,入門是很是簡單的。

相關文章
相關標籤/搜索