使用字段格式化来自定义SharePoint(六)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/FoxDave/article/details/82115768

博客地址: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 img
sp-field-severity–low img
sp-field-severity–warning img
sp-field-severity–severeWarning img
sp-field-severity–blocked img
sp-field-dataBars img
sp-field-trending–up img
sp-field-trending–down img
sp-field-quickAction img

注意:上面显示的关于sp-field-severity类样式的图标并不是类的一部分,只是为了展示的样式看起来美观,样式只包含背景色。图标可以通过使用iconName属性进行添加。
除上面列出的类之外,Office UI Fabric定义的类(如主题颜色、排版、网格系统等)也可以使用。更多详细信息可以参考Fabric的网站。

预定义的图标
我们可以使用Office UI Fabric中预定义的图标。

猜你喜欢

转载自blog.csdn.net/FoxDave/article/details/82115768