jQuery的剑道UI?下载30天免费试用

项目

为了提供更好的客户体验,Chat提供了预定义和自定义项目的支持。

默认的卡片

会话支持heroCards选项,可在聊天流中显示该选项renderAttachments小部件的方法。

< div id = "聊天" > < / div > <脚本> $(" #聊天").kendoChat ();var chat = $("#chat").data("kendoChat");闲谈,聊天渲染附件({附件:[{contentType: "heroCard",内容:{title: "附件标题",subtitle: "附件字幕",text: "示例文本"}}],attachmentLayout: "carousel"}, chat.getUser());> < /脚本

控件中也可以添加图像heroCard属性的正确值进行设置attachments.content.images对象。

< div id = "聊天" > < / div > <脚本> $(" #聊天").kendoChat ();var chat = $("#chat").data("kendoChat");闲谈,聊天renderAttachments({附件:[{contentType: "heroCard", content: {title: "Ninja title ", subtitle: "The Telerik Ninja", text: "This is an example.", images: [{url: "https://docs.telerik.com/kendo-ui/images/ninja-icon.png", alt: "Ninja"}]}}], attachmentLayout: "carousel"}, chat.getUser());> < /脚本

建议的行动

Chat还支持执行建议的操作。显示suggestedActions提示,手动调用renderSuggestedActions小部件的方法。

< div id = "聊天" > < / div > <脚本> $(" #聊天").kendoChat ();var chat = $("#chat").data("kendoChat");闲谈,聊天renderSuggestedActions([{title: "Option 1", value: " value 1"}, {title: "Option 2", value: " value 2"}]);> < /脚本

自定义模板

Chat提供了定义自定义模板的选项,以适应服务返回的自定义有效负载。

下面的示例演示如何实现一个简单的模板并为Chat注册它。

另请参阅

在本文中
Baidu
map