使用BotFramework自动完成';s网络帽

使用BotFramework自动完成';s网络帽,botframework,web-chat,Botframework,Web Chat,我想在我的BotFramework的WebChat上自动完成,我可以使用它在标记上实现此功能,但是我如何更改SendBox的属性呢 以下是flexdatalist工作原理的示例: 结果是 开发团队目前正在开发一个“自动完成框”(来源:),可以跟踪进度不建议将React和JQuery结合使用,因为React不会识别JQuery所做的任何更改。也就是说,您可以将flexdatalist添加到WebChat的输入字段,但您还必须向WebChat的存储发送操作,以通知其更改。请参阅下面的代码片段

我想在我的BotFramework的WebChat上自动完成,我可以使用它在
标记上实现此功能,但是我如何更改SendBox的属性呢

以下是flexdatalist工作原理的示例:


结果是


开发团队目前正在开发一个“自动完成框”(来源:),可以跟踪进度

不建议将React和JQuery结合使用,因为React不会识别JQuery所做的任何更改。也就是说,您可以将flexdatalist添加到WebChat的输入字段,但您还必须向WebChat的存储发送操作,以通知其更改。请参阅下面的代码片段


一个机器人统治他们所有人
html,正文{高度:100%}
正文{
保证金:0;
}
#网络帽,
#网络帽>*{
身高:100%;
}
(异步函数(){
const res=等待取数('http://localhost:3978/directline/token“,{方法:'POST'});
const{token}=await res.json();
const store=window.WebChat.createStore({},
({dispatch})=>next=>action=>{
如果(action.type===‘直接线路/后期活动’){
//发送消息时清除输入字段
$(“输入[数据id='webchat-sendbox-input'])。val(“”)
}
返回下一步(操作);
});        
window.WebChat.renderWebChat({
directLine:window.WebChat.createDirectLine({token}),
商店,
},document.getElementById('webchat');
$(“输入[data id='webchat-sendbox-input'])。flexdatalist({
最小长度:1,
searchIn:'名称',
数据:“countries.json”
});
$(“输入[data id='webchat-sendbox-input'])。在('select:flexdatalist',(事件、设置、选项)=>
store.dispatch({
键入:“网络聊天/设置发送框”,
有效载荷:{
text:set.name
}
})
);
$(“输入[data id='webchat-sendbox-input'])。在('change:flexdatalist',(事件、设置、选项)=>{
console.log(事件)
store.dispatch({
键入:“网络聊天/设置发送框”,
有效载荷:{
文本:set.value
}
})
}
);
})().catch(err=>console.log(err));
注意,按照这种方法,当用户按enter键时,将禁用发送消息,因此用户必须按send按钮。不幸的是,我找不到一个功能锻炼


希望这有帮助

我没有为您提供解决方案,但GitHub的一位用户说,他们确实能够通过flexdatalist实现这一点。如果可能的话,可以尝试联系他们。@D4RKIDE我向讨论发送了一条消息,并将其链接到我的原始帖子,以便每个人都可以跟踪改进。