Skip to content
开发文档
能力中心
应用市场
WebOffice
开发者后台

交互型组件说明

交互型组件包括:按钮、下拉操作按钮、列表选择器、日期选择器、输入框,开发者可使用交互型实现与用户的交互。 交互型组件支持 操作跳转链接操作后触发回传 2种使用模式:详见卡片跳转说明交互回传说明

参数说明

名称参数类型是否必填说明
actionobject交互型组件结构
∟ tagstring固定为action
∟ layoutstring布局分栏,当多个交互型组件组合放在一行时,卡片的布局适配可分几种布局:exclusive_row-每个独占一行,bisected-等分双列,trisection-等分三列,flow-流式布局;具体每个分栏效果可参考下述示例图
∟ actionsarray具体的交互型组件,不同组件结构可查看对应的组件说明
∟ ∟ buttonobject按钮组件
∟ ∟ dropdownobject下拉操作按钮组件
∟ ∟ selectionobject列表选择器组件
∟ ∟ date_pickerobject日期选择器组件
∟ ∟ inputobject输入框组件

分栏示例

exclusive_row-每个独占一行独占一行

bisected-等分双列等分双列

trisection-等分三列等分三列

flow-流式布局流式布局

JSON结构

json
{
    "action": {
        "tag": "action",
        "layout":"flow",
        "actions": [
            {
                "button": {      
                // 按钮组件的json
                }
            },
            {
                "dropdown": {      
                // 下拉操作按钮组件的json
                }
            },
            {
                "selection": {      
                // 列表选择器组件的json
                }
            },
            {
                "date_picker": {      
                // 日期选择器组件的json
                }
            },
            {
                "input": {      
                // 输入框组件的json
                }
            },        
        ]
    }
}
回到旧版