MVVM视图模型事件(命令?)

本文关键字：命令 事件 视图 模型 MVVM | 更新日期: 2023-09-27 18:25:34

我有一个MVVM设置，它在我的主窗口上创建一个视图。我不知道如何知道用户何时单击视图中的特定通知项。我应该在哪里添加事件，或者添加一个命令来知道何时发生？

这是我的MVVM代码：

主窗口

cs:

NotificationViewModel notificationViewModel = new NotificationViewModel();
notificationViewModel.AddNoticiation(new NotificationModel() { Message = "Error", Name = "Station 21" });
NotificationView.DataContext = notificationViewModel;

xaml:

<notification:NotificationView x:Name="NotificationView" />

通知模型

public class NotificationModel : INotifyPropertyChanged
{
    private string _Message;
    public string Message
    {
        get { return _Message; }
        set
        {
            if (_Message != value)
            {
                _Message = value;
                RaisePropertyChanged("Message");
            }
        }
    }
    private string _Name;
    public string Name
    {
        get { return _Name; }
        set
        {
            if (_Name != value)
            {
                _Name = value;
                RaisePropertyChanged("Name");
            }
        }
    }
    public string TimeStamp
    {
        get { return DateTime.Now.ToString("h:mm:ss"); }
    }
    #region PropertChanged Block
    public event PropertyChangedEventHandler PropertyChanged;
    private void RaisePropertyChanged(string property)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(property));
        }
    }
    #endregion
}

NotificationViewModel

public class NotificationViewModel 
{
    private ObservableCollection<NotificationModel> _Notifications = new ObservableCollection<NotificationModel>();
    public ObservableCollection<NotificationModel> Notifications 
    { 
        get { return _Notifications; } 
        set { _Notifications = value; } 
    }
    public void AddNoticiation(NotificationModel notification)
    {
        this.Notifications.Insert(0, notification);
    }
}

NotificationView

<Grid>
    <StackPanel HorizontalAlignment="Left" >
        <ItemsControl ItemsSource="{Binding Path=Notifications}"
                      Padding="5,5,5,5">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Border Background="SlateGray"
                            CornerRadius="4">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="100" />
                                <ColumnDefinition Width="100" />
                                <ColumnDefinition Width="100" />
                            </Grid.ColumnDefinitions>
                            <TextBlock Grid.Column="0" 
                                       Text="{Binding Path=TimeStamp}" />
                            <TextBlock Grid.Column="1" 
                                       Text="{Binding Path=Name}" />
                            <TextBlock Grid.Column="2" 
                                       Text="{Binding Path=Message}" />
                        </Grid>
                    </Border>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </StackPanel>
</Grid>

MVVM视图模型事件(命令?)

ItemsControl中没有内置真正的选择机制。把你的ItemsControl换成ListBox可能会解决你的问题。

如果执行此操作，则可以绑定到SelectedItem，然后使用PropertyChanged事件处理对SelectedItem所做的任何更改。

示例：

在您的视图中，模型的构造函数：

PropertyChanged += NotificationViewModel_PropertyChanged;

将属性添加到视图模型以允许绑定：

private string _selectedNotification;
public string SelectedNotification
{
    get { return _selectedNotification; }
    set
    {
        if (_selectedNotification != value)
        {
            _selectedNotification = value;
            RaisePropertyChanged("SelectedNotification");
        }
    }
}

最后，将事件处理程序添加到视图模型中：

NotificationViewModel_PropertyChanged(object sender, PropertyChangedEventArgs e))
{
    if (e.PropertyName = "SelectedNotification") DoStuff();
}

如果您只想根据列表框中的所选项目更新视图中的另一个控件，您可能会发现甚至不需要挂接到PropertyChanged。您可以直接绑定到xaml中的属性。

相关文章：