BotFramework自适应卡 – 不渲染容器操作

如何为容器添加操作?

根据
documentation容器类型有一个“actions”对象,但是当在
adaptive cards visualizer或bot-framework模拟器中测试卡时,没有显示按钮.

附上一个我想要生成的卡片的例子.

谢谢你的帮助.

{
    "type": "AdaptiveCard",
    "body": [
    {

        "style":"normal",
        "type": "Container",
        "separation" : "strong",
        "actions": [
            {
              "type": "Action.OpenUrl",
              "url": "http://foo.bar.com",
              "title": "adaptivecards1"
            }
            ],
        "items": [
            {
                "type": "ColumnSet",
                "separation": "strong",
                "columns": [
                    {
                        "type": "Column",
                        "size":1,
                        "items": [
                            {
                                "type": "TextBlock",
                                "text": "Title",
                                "size": "large",
                                "isSubtle": true
                            },
                            {
                                "type": "TextBlock",
                                "text": "Model: ABC",
                                "size": "small"
                            }
                        ]
                    },
                    {
                        "type": "Column",
                        "size": "1",
                        "items": [
                            {
                                "type": "TextBlock",
                                "text": " "
                            },
                            {
                                "type": "Image",
                                "url": "https://path/to/image.jpg",
                                "size": "large",
                                "horizontalAlignment" :"right"
                            }
                        ]
                    }
                ]
            }
        ]
    },
    {

        "style":"normal",
        "type": "Container",
        "separation" : "strong",
        "actions": [
            {
              "type": "Action. OpenUrl",
              "url": "http://foo.bar.com",
              "title": "adaptivecards2"
            }
            ],
        "items": [
            {
                "type": "ColumnSet",
                "separation": "strong",
                "columns": [
                    {
                        "type": "Column",
                        "size":1,
                        "items": [
                            {
                                "type": "TextBlock",
                                "text": "Another Title",
                                "size": "large",
                                "isSubtle": true
                            },
                            {
                                "type": "TextBlock",
                                "text": "Model: XYZ",
                                "size": "small"
                            }                           ]
                    },
                    {
                        "type": "Column",
                        "size": "1",
                        "items": [
                            {
                                "type": "TextBlock",
                                "text": " "
                            },
                            {
                                "type": "Image",
                                "url": "https://path/to/other/image.jpg",
                                "size": "large",
                                "horizontalAlignment" :"right"
                            }
                        ]
                    }
                ]
            }
        ]
    }
]}

最佳答案 根据这个
GitHub issue,似乎文档中存在错误,并且Container上不存在actions属性.

相反,您应该使用操作列表将一个ActionSet类型的项添加到items数组中.

在您的示例之后,它应该如下所示:

{
    "type": "AdaptiveCard",
    "body": [
        {
            "style": "normal",
            "type": "Container",
            "separation": "strong",
            "items": [
                {
                    "type": "ActionSet",
                    "actions": [
                        {
                            "type": "Action.OpenUrl",
                            "url": "http://foo.bar.com",
                            "title": "adaptivecards1"
                        }
                    ]
                },
                {
                    "type": "ColumnSet",
                    "separation": "strong",
                    "columns": [
                        {
                            "type": "Column",
                            "size": 1,
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": "Title",
                                    "size": "large",
                                    "isSubtle": true
                                },
                                {
                                    "type": "TextBlock",
                                    "text": "Model: ABC",
                                    "size": "small"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "size": "1",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": " "
                                },
                                {
                                    "type": "Image",
                                    "url": "https://path/to/image.jpg",
                                    "size": "large",
                                    "horizontalAlignment": "right"
                                }
                            ]
                        }
                    ]
                }
            ]
        },
        {
            "style": "normal",
            "type": "Container",
            "separation": "strong",
            "items": [
                {
                    "type": "ActionSet",
                    "actions": [
                        {
                            "type": "Action.OpenUrl",
                            "url": "http://foo.bar.com",
                            "title": "adaptivecards2"
                        }
                    ]
                },
                {
                    "type": "ColumnSet",
                    "separation": "strong",
                    "columns": [
                        {
                            "type": "Column",
                            "size": 1,
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": "Another Title",
                                    "size": "large",
                                    "isSubtle": true
                                },
                                {
                                    "type": "TextBlock",
                                    "text": "Model: XYZ",
                                    "size": "small"
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "size": "1",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": " "
                                },
                                {
                                    "type": "Image",
                                    "url": "https://path/to/other/image.jpg",
                                    "size": "large",
                                    "horizontalAlignment": "right"
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

《BotFramework自适应卡 – 不渲染容器操作》

这也在here中讨论.

点赞