Javascript 自适应卡在提交中输入值
您好,我正在网页中使用Adaptive card SDK,使用的示例卡如下:Javascript 自适应卡在提交中输入值,javascript,sdk,adaptive-cards,Javascript,Sdk,Adaptive Cards,您好,我正在网页中使用Adaptive card SDK,使用的示例卡如下: var card = { "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ {
var card = {
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "Present a form and submit it back to the originator"
},
{
"type": "Input.Text",
"id": "firstName",
"placeholder": "What is your first name?"
},
{
"type": "Input.Text",
"id": "lastName",
"placeholder": "What is your last name?"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Action.Submit"
}
]};
adaptiveCard.onExecuteAction = function (action) {
alert(`Hello ${action.data.firstName} ${action.data.lastName}`);
}
并使用常用的标题进行渲染。我想在提交时获得输入,所以我尝试了这个
// Set the adaptive card's event handlers. onExecuteAction is invoked
// whenever an action is clicked in the card
adaptiveCard.onExecuteAction = function (action) { console.log(action.toJSON()) }
这给了我:
对象标题:“Action.Submit”类型:“Action.Submit”\uuuuu proto\uuuuu:Object
如何获取提交操作上输入字段的值
TIA对于任何评论、建议和回答您可以使用动作对象的
数据
属性,如下所示:
var card = {
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "Present a form and submit it back to the originator"
},
{
"type": "Input.Text",
"id": "firstName",
"placeholder": "What is your first name?"
},
{
"type": "Input.Text",
"id": "lastName",
"placeholder": "What is your last name?"
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Action.Submit"
}
]};
adaptiveCard.onExecuteAction = function (action) {
alert(`Hello ${action.data.firstName} ${action.data.lastName}`);
}
这是一份完整的报告
action对象还有许多其他有趣的属性,但我还没有找到好的文档。
不过,adaptive card visualizer的示例中包含了一些使用示例。谢谢你,塞巴斯蒂安,你是一位真正的救星。我们刚刚开始使用自适应卡,只是摸索自己的路。我们可能还有更多的问题!(我们的研发预算也很小;-))很乐意帮忙,迈克!使用自适应卡需要一点时间来取暖。回答你的问题对我来说是一次很好的复习;)祝你一切顺利!看看和相应的代码:Tim,也许它对一个bitNice项目有帮助!谢谢分享!