WPF - MVVM - 更改 VM 实例的属性时视图不会更新

问题描述

我对 MVVM 和 WPF 还很陌生,所以对我所说的一切持保留态度。我的问题非常复杂,过去一天我一直在努力寻找解决方案。无济于事...

背景

我正在尝试自己制作 POS 系统。一切都在按计划进行。直到这个:当扫描的条形码太短时,我打开一个小视图,询问文章的尺寸和颜色代码。这是通过 ICommand 完成的。

我可以制作一篇文章并将其添加到我的 ObservableCollection 中。我使用我从 viewmodel 创建的实例访问这个可观察集合。

但现在奇怪的事情发生了,我更新了一个“总”文本块和一个数量”文本块。这些更改通过,我可以看到正在填充的属性,并且我的 OnPropertyChanged 正在被触发,但在视图上看不到任何内容。奇怪的是,我的 ObservableCollection 正在改变,但我的文本框却没有。 我非常确信我的 ICommand 没有任何问题,因为我可以创建实际的文章并将其添加到我的购物车中。我一直在尝试调试一段时间,我可以看到它正在使用正确的值通过我的属性的设置器。奇怪的是,如果我添加了像这样的文章,文本块将是错误的,但是当我以另一种方式(通过原始 VM - 而不是新窗口)添加文章时,它会获取正确的总数和数量。就像我的视图不想更新一样,我也不知道如何强制它更新。

我一直在努力寻找一种让一切正常的方法,希望有人能让我了解我做错了什么,因为我几乎一无所知! :D

下面的代码中可能存在打字错误或类似的东西,但我很确定您可以忽略最基本的东西。我正在实施一切,变化正在经历它只是没有出现。

代码

更改后拒绝显示的示例属性

(这些属性在我的主虚拟机中)

private static string _totalstr { get; set; }
    public string TotalStr
    {
        get { return _totalstr; }
        set
        {
            _totalstr = value;
            OnPropertyChanged(nameof(TotalStr));
        }
    }

添加文章显示更改的购物车

private static ObservableCollection<Art> _cart;
    public ObservableCollection<Art> Cart
    {
        get
        {
            return _cart;
        }
        set
        {
            _cart = value;
            OnPropertyChanged(nameof(Cart));

        }
    }

要求大小 - 虚拟机

这是一个小版本,因为发生的事情远不止这些,但这就是它的要点。我的母语也有部分内容,所以我尽力翻译。

public ICommand SizeColorCommand { get; set; }
public SizeColorviewmodel()
        {
            this.SizeColorCommand = new SizeColorCommand(this);
        }

    public void function(object parameter)
    {
        Mainviewmodel.Instance.Cart.Add(artikel);
        Mainviewmodel.Instance.Total += (double)article.EVkp;
        Mainviewmodel.Amount++;
        Mainviewmodel.Instance.TotaalStr = String.Format("{0:c}",Mainviewmodel.Instance.Total);
    }
                

尺寸颜色命令

class SizeColorCommand: ICommand
{
    public SizeColorviewmodel VM { get; set; }

    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }

    public SizeColorCommand(SizeColorviewmodel vm)
    {
        VM = vm;
    }

    public bool CanExecute(object parameter)
    {
        string query = parameter as string;

        if (string.IsNullOrWhiteSpace(query))
            return false;
        return true;
    }

    public void Execute(object parameter)
    {
        VM.function(parameter);
    }
}

要求大小 - XAML

            <TextBox>
                <TextBox.InputBindings>
                    <KeyBinding Key="Enter" Command="{Binding SizeColorCommand}" CommandParameter="{Binding Path=Text,RelativeSource={RelativeSource AncestorType={x:Type TextBox}}}" />
                </TextBox.InputBindings>
            </TextBox>

MainVM - XAML

            <TextBlock Text="{Binding TotalStr,Mode=TwoWay}"/>

截图#

picture of the POS,it's in Dutch so sorry in advance,Stuks/Aantal = AMOUNT

非常感谢您来到这里尝试帮助我。我希望我能学习并解决这个问题。今天下午我读了很多书,单身可能不是最好的选择,但我似乎想不出更好的方法

解决方法

  1. 确保 MainViewModel.Instance 是 MainWindow 的 DataContext。最简单的方法是指定属性:buildah bud -t tag .

  2. 您需要将 DataContext="{x:Static local:MainViewModel.Instance}" 绑定指定为 TextBox.Text

编辑:

如果 {Binding PropertyName,Mode=TwoWay} 通过 ListBox 或 ComboBox 在 UI 中公开,您还可以指定 TextBox 应使用它们选择的值作为 Binding 的参考点,如下所示:Cart

使用此语法可确保您的文本框始终使用所选项目的值。