New to Kendo UI for jQuery? Start a free 30-day trial

ExecuteAction

events

Fired when the user clicks an action button in an attachment card. Use this event to handle custom actions defined in attachment data.

executeAction

Event Data

e.sender `kendo.ui.Chat`

The widget instance which fired the event.

e.action `Object`

The action object with title, type, and value properties describing the button that was clicked.

e.message `Object`

The message object that contains the attachment with the clicked action.

<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "Here is a product card:",
        authorId: "bot",
        authorName: "Shop Bot",
        timestamp: new Date(),
        attachments: [
            {
                title: "Premium Widget",
                subtitle: "$29.99",
                actions: [
                    { title: "Buy Now", type: "call", value: "buy-widget-1" },
                    { title: "Details", type: "openUrl", value: "https://example.com" }
                ]
            }
        ]
    }
];

$("#chat").kendoChat({
    authorId: "user1",
    dataSource: messagesData,
    executeAction: function(e) {
        console.log("Action clicked:", e.action.title, e.action.value);
    }
});
</script>

ExecuteAction

executeAction

Event Data

e.sender kendo.ui.Chat

e.action Object

e.message Object

e.sender `kendo.ui.Chat`

e.action `Object`

e.message `Object`