json - 适用于常见问题的自适应卡内的自适应卡
问题描述
我正在考虑创建一张用于常见问题解答的自适应卡。所以有一张带有标题常见问题的 Action.Showcard 的卡片。用户点击常见问题解答后,卡片应展开以显示 5 个问题。问题本身就是一张自适应卡片,因此当用户点击问题时,卡片会打开以显示答案。
我无法设法在卡片中插入卡片。这是我使用 自适应卡片设计器构建的 JSON
{
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": "Hi I am a ChatBot."
},
{
"type": "TextBlock",
"text": "Look at FAQs below.",
"wrap": true
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "FAQs",
"card": {
"type": "AdaptiveCard",
"style": "emphasis",
"body": [
{
"type": "TextBlock",
"text": "How quickly can we close?"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.ShowCard",
"title": "Comment",
"card": {
"type": "AdaptiveCard",
"style": "emphasis",
"body": [
{
"type": "Input.Text",
"id": "comment",
"placeholder": "Enter your comment",
"isMultiline": true
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}
当我将 Action.ShowCard 放在 Action.ShowCard 标记中时,它会给我一个错误并将 Action.ShowCard 更改为 AdpativeCard。有人可以告诉我这种设计的结构吗?这会很有帮助,因为我需要扩展这些常见问题解答。
解决方案
也许我不理解您的问题,但我能够在设计器中创建您想要的结构而没有问题:
{
"type": "AdaptiveCard",
"body": [
{
"type": "TextBlock",
"size": "Medium",
"weight": "Bolder",
"text": "Hi I am a ChatBot."
},
{
"type": "TextBlock",
"text": "Look at FAQs below.",
"wrap": true
}
],
"actions": [
{
"type": "Action.ShowCard",
"title": "FAQs",
"card": {
"type": "AdaptiveCard",
"style": "emphasis",
"actions": [
{
"type": "Action.ShowCard",
"title": "How quickly can we close?",
"card": {
"type": "AdaptiveCard",
"style": "emphasis",
"body": [
{
"type": "TextBlock",
"text": "Never"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.ShowCard",
"title": "Second question",
"card": {
"type": "AdaptiveCard",
"style": "emphasis",
"body": [
{
"type": "TextBlock",
"text": "Second answer"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
},
{
"type": "Action.ShowCard",
"title": "Comment",
"card": {
"type": "AdaptiveCard",
"style": "emphasis",
"body": [
{
"type": "Input.Text",
"id": "comment",
"placeholder": "Enter your comment",
"isMultiline": true
}
],
"actions": [
{
"type": "Action.Submit",
"title": "OK"
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0"
}
推荐阅读
- css - Sass:选择器的占位符行为
- jenkins - .npm 目录消耗 149+ GB 的磁盘空间
- asp.net - 从不可编辑的 asp.net 后面的代码创建表
- python - 模拟时修补类变量时出现AttributeError
- angular - 无法以角度加载延迟加载组件中的公共模块,请参阅说明
- rust - 检索 scan() 迭代器中的状态?
- python - 如何使多个 Scrapy Spiders 周期性和动态化?
- bash - 用于启动 ec2 实例和 ssh 并在第二个命令中引入延迟的 shell 脚本
- javascript - vue-server-renderer:窗口/文档未在第三个包中定义
- java - 具有嵌入式 H2GIS 的 Spring Boot 应用程序 - 初始化引发 SQL 语法错误