MessageReplyModel

9 Jul 20262 minutes to read

Interface for a class MessageReply

Properties

attachedFile FileInfo

Represents the attached files of the message sent by a user in the Chat UI component.

mentionUsers UserModel[]

Represents the mentioned Users of the message sent by the replied user in the Chat UI component.

<template>
  <div style="height: 380px; width: 450px; margin: 0 auto;">
    <ejs-chatui :user="currentUser"
      :mentionUsers="mentionUsers" 
      :mentionSelect="mentionSelect" 
    ></ejs-chatui>
  </div>
</template>

<script>
import { ChatUIComponent } from "@syncfusion/ej2-vue-interactive-chat";
import { enableRipple } from "@syncfusion/ej2-base";

// Enable ripple effect
enableRipple(true);

export default {
  components: {
    'ejs-chatui': ChatUIComponent
  },
  data() {
    return {
      currentUser: {
        id: "user1",
        user: "Albert",
      },
      // Define user models for mentions
      mentionUsers: [
        {
          id: "user1",
          user: "Albert"
        },
        {
          id: "user2",
          user: "Michale Suyama"
        }
      ],
      mentionSelect: (args) => {
        // Your required action here
      }
    };
  },
};
</script>

messageID string

Represents the id of the message sent by the replied user in the Chat UI component.

text string

Represents the content of the message sent by a user in the Chat UI component.

timestamp Date

Specifies the timestamp of when the replied message was sent.
This property holds a Date object that represents the exact time the message was created, providing context to the conversation flow.

timestampFormat string

Specifies the format of the timestamp for displaying the reply message’s sending time.
If empty, the format is determined by the application’s culture settings.
Supports format strings like ‘dd/MM/yyyy hh:mm’.

user UserModel

Specifies the author of the message in the Chat UI component.
This property references a UserModel object that contains details about the user who sent the message.