使用欄位格式化來自定義SharePoint（六）

部落格地址：http://blog.csdn.net/FoxDave

建立一個按鈕來執行流程

下圖展示了在Action欄位新增流程按鈕的效果：

我們可以使用欄位格式化來建立按鈕，在按鈕點選時在相應的列表項上執行流程。如果流程配置為要在執行之前從終端使用者處收集資料，流程執行皮膚會在點選按鈕後彈出；如果沒有這個配置，則流程直接執行。
下面是一個例子，在我們使用之前，需要將ID更改為我們自己的ID，該ID屬性包含在按鈕元素的customRowAction屬性中。獲取流程的ID的步驟為：

1. 選擇流程->檢視配置流程的SharePoint列表中的流程。
2. 選擇想要執行的流程。
3. 從流程的URL上覆制ID。

{
    "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
    "elmType": "span",
    "style": {
        "color": "#0078d7"
    },
    "children": [
    {
        "elmType": "span",
        "attributes": {
            "iconName": "Flow"
        }
    },
    {
        "elmType": "button",
        "style": {
            "border": "none",
            "background-color": "transparent",        
            "color": "#0078d7",    
            "cursor": "pointer"
        },
        "txtContent": "Send to Manager",
        "customRowAction": {
            "action": "executeFlow",
            "actionParams": "{\"id\": \"183bedd4-6f2b-4264-855c-9dc7617b4dbe\"}"
        }          
    }        
  ]
}

支援的欄位型別

以下是目前支援欄位格式化的欄位型別：

• 單行文字
• 數字
• 選項
• 使用者或組
• 是/否
• 超連結
• 圖片
• 日期/時間
• 查閱項
• 標題(列表中)

以下是目前不支援的欄位型別：

• 託管後設資料
• 檔名(文件庫中)
• 計算列
• 保留標籤
• 貨幣

樣式指南

預定義的類

我們可以在一些常見的場景中使用以下預定義好的類。

類名	截圖
sp-field-customFormatBackground	指定所有使用背景的類的邊距和留白
sp-field-severity–good
sp-field-severity–low
sp-field-severity–warning
sp-field-severity–severeWarning
sp-field-severity–blocked
sp-field-dataBars
sp-field-trending–up
sp-field-trending–down
sp-field-quickAction

注意：上面顯示的關於sp-field-severity類樣式的圖示並不是類的一部分，只是為了展示的樣式看起來美觀，樣式只包含背景色。圖示可以通過使用iconName屬性進行新增。
除上面列出的類之外，Office UI Fabric定義的類(如主題顏色、排版、網格系統等)也可以使用。更多詳細資訊可以參考Fabric的網站。

預定義的圖示
我們可以使用Office UI Fabric中預定義的圖示。