使用欄位格式化來自定義SharePoint(六)
部落格地址:http://blog.csdn.net/FoxDave
建立一個按鈕來執行流程
下圖展示了在Action欄位新增流程按鈕的效果:
我們可以使用欄位格式化來建立按鈕,在按鈕點選時在相應的列表項上執行流程。如果流程配置為要在執行之前從終端使用者處收集資料,流程執行皮膚會在點選按鈕後彈出;如果沒有這個配置,則流程直接執行。
下面是一個例子,在我們使用之前,需要將ID更改為我們自己的ID,該ID屬性包含在按鈕元素的customRowAction屬性中。獲取流程的ID的步驟為:
- 選擇流程->檢視配置流程的SharePoint列表中的流程。
- 選擇想要執行的流程。
- 從流程的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中預定義的圖示。
相關文章
- 使用欄位格式化來自定義SharePoint(八)
- 使用欄位格式化來自定義SharePoint(七)
- 使用欄位格式化來自定義SharePoint(四)
- 使用欄位格式化來自定義SharePoint(二)
- 使用欄位格式化來自定義SharePoint(五)
- 使用欄位格式化來自定義SharePoint(一)
- 使用欄位格式化來自定義SharePoint(三)
- 使用檢視格式化來自定義SharePoint
- PhpCms自定義欄位的使用說明PHP
- SharePoint JavaScript 更新使用者和組欄位JavaScript
- 自定義元件-純資料欄位元件
- Request 增加自定義欄位的方式
- laravel model自定義軟刪除欄位Laravel
- SharePoint Online 自定義Modern UI表單UI
- Mybatis-plus排除自定義欄位不查詢MyBatis
- java欄位格式化Java
- django admin中增加自定義超連結欄位Django
- SharePoint 多行文字欄位設定預設值
- DedeCMS的checkbox多選欄位自定義取值的方法
- Laravel6:自定義多欄位登入,使用者名稱,郵箱等Laravel
- SAP不同的產品是如何支援使用者建立自定義欄位的
- WordPress自定義欄位獲取get_post_meta函式函式
- 升級後欄位引數有自定義函式失效函式
- 帝國CMS欄目管理增加自定義欄位值的為空判斷
- Qt隱藏系統標題欄,使用自定義標題欄QT
- hadoop 自定義格式化輸出Hadoop
- uniapp自定義導航欄APP
- 織夢多行文字自定義欄位 支援自動換行
- 《物料清單彙總查詢》二開增加自定義欄位
- 多型關聯自定義的型別欄位的處理多型型別
- sap新總賬中 CodingBlock客戶化自定義新欄位方法BloC
- ES 筆記十三:多欄位特性及 Mapping 中配置自定義 Analyzer筆記APP
- Laravel 自定義表單請求驗證忽略某些欄位驗證Laravel
- 巧用fastjson自定義序列化類實現欄位的轉換ASTJSON
- 金蝶雲星空組織間結算清單增加自定義欄位說明
- 總結一下公共欄位(aop加自定義註解加反射)反射
- linux top命令欄位含義Linux
- HarmonyOS NEXT 5.0自定義增強版導航欄元件|鴻蒙ArkUI自定義標題欄元件鴻蒙UI