版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/FoxDave/article/details/82115768
博客地址: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中预定义的图标。