You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

能否让Actionable Message中ActionSet外元素可点击?含AdaptiveColumn需求

在Microsoft Actionable Message中实现整列可点击跳转的方案

可以实现,核心是用ActionSet组件包裹你的ColumnSet布局,将整个区域绑定OpenUrl动作,这样点击区域内任意位置都会触发跳转。

具体实现方式

Actionable Messages的Adaptive Column/ColumnSet本身不支持直接设置点击事件,但ActionSet允许你将任意Adaptive Card元素作为可交互区域的视觉内容,同时绑定跳转动作。以下是实现「文本+图标」整区域可点击的示例代码:

{
  "type": "AdaptiveCard",
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.4",
  "body": [
    {
      "type": "ActionSet",
      "actions": [
        {
          "type": "Action.OpenUrl",
          "url": "https://your-target-url.com",
          "title": "跳转"
        }
      ],
      "body": {
        "type": "ColumnSet",
        "style": "default",
        "columns": [
          {
            "type": "Column",
            "width": "auto",
            "items": [
              {
                "type": "TextBlock",
                "text": "Some Text.",
                "size": "Medium",
                "wrap": true
              }
            ]
          },
          {
            "type": "Column",
            "width": "auto",
            "items": [
              {
                "type": "Image",
                "url": "https://your-icon-url.com/icon.png",
                "width": "24px",
                "height": "24px"
              }
            ]
          }
        ],
        "spacing": "Small",
        "padding": "10px"
      }
    }
  ]
}

关键说明

  • ActionSet的actions数组中定义Action.OpenUrl,指定目标跳转链接。
  • ActionSet的body属性放置你需要的ColumnSet布局(文本+图标),这样整个布局区域都会成为可点击的交互区域。
  • 可以通过调整ColumnSet的padding、spacing和样式,让视觉上更接近需求的「整体块」效果。

之前用富文本<a>标签的方式仅能让文本部分可点击,是因为Actionable Messages的富文本交互仅局限于文本节点本身,无法向上扩展到父容器元素,所以这种方式无法满足整区域点击的需求。

内容的提问来源于stack exchange,提问作者Subodh Nijsure

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 14:05:18