是否可以在任何通道的 V4 机器人框架中禁用用户输入文本区域?我有这个作为客户要求的一部分有人可以帮助我吗
1 回答
6
您所指的盒子称为发送框。如果您使用的是BotFramework-Web Chat,您可以通过styleOptions如下方式传递值来禁用它:
<script>
(async function () {
const styleOptions = {
hideSendBox = true
}
[...]
window.ReactDOM.render(
<ReactWebChat
directLine={directLine},
styleOptions={styleOptions}
/>,
document.getElementById( 'webchat' )
);
})
</script>
如果您使用的是 iFrame 嵌入式版本的网络聊天,它是不可配置的。
希望有帮助!
编辑
如果您希望发送框根据从机器人接收到的活动类型做出响应,那么您将需要结合使用activityMiddleware()函数和事件发射器/侦听器。在以下示例中,我在suggestedActions活动属性时隐藏/显示发送框。
请注意,数据值应为“none”和“flex”。尤其是后者的值,当它不是suggestedActions为了保持当前代码时。
<script>
(async function () {
[...]
const activityMiddleware = () => next => card => {
const { activity: { suggestedActions } } = card;
const toggleSendBoxEvent = new Event('ToggleSendBoxEvent')
if (suggestedActions) {
toggleSendBoxEvent.data = "none";
window.dispatchEvent(toggleSendBoxEvent);
} else {
toggleSendBoxEvent.data = "flex";
window.dispatchEvent(toggleSendBoxEvent);
}
return next(card);
)
[...]
window.ReactDOM.render(
<ReactWebChat
directLine={ window.WebChat.createDirectLine({ token }) }
activityMiddleware={ activityMiddleware }
/>,
document.getElementById( 'webchat' )
);
window.addEventListener('ToggleSendBoxEvent', ( { data } ) => {
const sendBoxes = document.getElementsByClassName("main");
let send_Box;
for (let sendBox of sendBoxes) {
send_Box = sendBox;
}
send_Box.setAttribute('style', `display:${ data }`)
})
});
</script>
希望有帮助!
于 2020-02-05T17:31:05.040 回答

