Getting the sent message (MVVM)

[Fodil]

Hi,

Im trying to use SfChat on my app, im switching to MVVM (im kinda new to the concept), and i have set up everything, the messages are fetched from the server and everything is working; now i created a command to send new messages but im struggling with finding the message i wanna send.

My question is, how do i get the entered message and pass it to my ViewModel when the SendMessageCommand is executed ?

Note: I Tried to set a breakpoint when my Command is executed so i can see if the new message has been added to my ObservableCollection<object> Messages, but it doesnt seem to be happening, although, when my command is done executing, the message is added to the SfChat.

Note: for now, im using the regular SendMessage event and passing + executing my ViewModel's sendCommand from code behind, which kinda breaks the MVVM pattern

Thank you

[Karthikraja Kalaimani]

Hi Fodil,

We suspect that you have not created the Instance for SendMessage Command on constructor of ViewModel class. So, only the Execute method is not triggered. We have attached the working sample for your reference.  

 

Code snippet :

 

<sfChat:SfChat x:Name="sfChat"  

                           SendMessageCommand="{Binding SendMessageCommand}" 

                           Messages="{Binding Messages}"  

                           CurrentUser="{Binding CurrentUser}" > 

            </sfChat:SfChat>

//ViewModel
  private SendMessageCommandExt sendMessageCommand; 

 

        /// <summary> 

        /// Gets or sets the message conversation. 

        /// </summary> 

        public SendMessageCommandExt SendMessageCommand 

        { 

            get 

            { 

                return this.sendMessageCommand; 

            } 

            set 

            { 

                this.sendMessageCommand = value; 

                RaisePropertyChanged("SendMessageCommand"); 

            } 

        }
public ImageMessageViewModel() 

        { 

            this.messages = new ObservableCollection<object>(); 

            this.currentUser = new Author() { Name = "Nancy", Avatar = "People_Circle16.png" }; 

            SendMessageCommand = new SendMessageCommandExt(); 

            this.GenerateMessages(); 

        } 

……
public class SendMessageCommandExt : ICommand 

    { 

        public event EventHandler CanExecuteChanged; 

 

        public bool CanExecute(object parameter) 

        { 

            return true; 

        } 

 

        public void Execute(object parameter) 

        { 

            (parameter as SendMessageEventArgs).Handled = false; 

        } 

    } 

Please check the sample and let us know if you still facing the same issue? If not, please modify the sample based on your scenario and revert us back.

Sample link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfChat-1827353421.zip

 

Regards,
Karthik Raja 

[Fodil]

It worked! thank you for the response and the example

[Karthikraja Kalaimani]

  

Hi Fodil,

Thanks for the update. We are glad to know that your requirement has been achieved at your end. Please let us know if you have any further queries on this. We are happy to help you. 

Regards,
Karthik Raja