如何将文本框对象绑定到ViewModel

时间:2015-12-13 10:20:32

标签: c# .net wpf mvvm

尝试使用简单日志记录功能将我的第一个应用程序创建到主窗体上的TextBox

要实现日志记录,我需要将TextBox对象放入记录器的类中。

问题 - 不能这样做 :)目前没有错误,但据我所知,TextBox的文本值绑定到我的ViewModel,因为获取'null reference'异常试图执行。

Logger.cs

public class Logger : TextWriter
{
        TextBox textBox = ViewModel.LogBox;
        public override void Write(char value)
        {
            base.Write(value);
            textBox.Dispatcher.BeginInvoke(new Action(() =>
            {
                textBox.AppendText(value.ToString());
            }));
        }

        public override Encoding Encoding
        {
            get { return System.Text.Encoding.UTF8; }
        }
}

ViewModel.cs

public class ViewModel
{
    public int ThreadCount { get; set; }
    public int ProxyTimeout { get; set; }

    public static TextBox LogBox { get; set; }
    //private TextBox _LogBox;
    //public TextBox LogBox {
    //    get { return _LogBox; }
    //    set {
    //        _LogBox = value;
    //    }
    //}
}

启动btn点击, MainWindow.xaml.cs

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new ViewModel();
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        Logger logger = new Logger();
        logger.Write("ewgewgweg");
    }
}

MainWindow.xaml

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:tools"
        xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit" x:Class="tools.MainWindow"
        mc:Ignorable="d"
        Title="Tools" Height="399.387" Width="575.46">

        <TextBox x:Name="logBox" 
            ScrollViewer.HorizontalScrollBarVisibility="Auto"
            ScrollViewer.VerticalScrollBarVisibility="Auto" HorizontalAlignment="Left" Height="137" Margin="10,222,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="394" Text="{Binding Path = LogBox, Mode=TwoWay}"/>

2 个答案:

答案 0 :(得分:3)

您的代码中有几个问题:

  • 不要在视图模型中加载控件(TextBox),如果你在尝试做MVVM时没有用。
  • XAML中的Text属性必须是String类型或可以转换为字符串的东西。您绑定了一个控件,这会导致在屏幕上显示System.Windows.Controls.TextBox.ToString()的结果),而不是实际文本。
  • 您的LogBox属性应实现INotifyPropertyChanged
  • 您不希望TwoWay绑定,因为文本从您的记录器流向UI,您不需要它回流。您甚至可以考虑使用TextBlock代替,或者将控件设置为只读,这样人们就无法更改内容。
  • 您不需要静态属性或静态视图模型,请阅读dependency injection有关如何传递依赖项的信息。
  • 您将通过逐个附加您的角色来充斥您的UI线程。考虑使用另一种实现(但我不会深入研究这个答案)。

记住以上所有内容,我将您的代码转换为此。

<强> MainWindow.xaml

    <TextBox x:Name="logBox" 
             HorizontalAlignment="Left" VerticalAlignment="Top" Height="137" Margin="10,222,0,0" 
             TextWrapping="Wrap"  Width="394" Text="{Binding Path = LogBox}"/>

<强> MainWindow.xaml.cs

public partial class MainWindow : Window
{
    private Logger _logger;

    public MainWindow()
    {
        InitializeComponent();
        var viewModel = new ViewModel();
        DataContext = viewModel;
        _logger = new Logger(viewModel); // passing ViewModel through Dependency Injection
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        _logger.Write("ewgewgweg");
    }
}

<强> ViewModel.cs

public class ViewModel : INotifyPropertyChanged
{
    public int ThreadCount { get; set; }
    public int ProxyTimeout { get; set; }

    private string _logBox;
    public string LogBox
    {
        get { return _logBox; }
        set
        {
            _logBox = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

<强> Logger.cs

public class Logger : TextWriter
{
    private readonly ViewModel _viewModel;

    public Logger(ViewModel viewModel)
    {
        _viewModel = viewModel;
    }

    public override void Write(char value)
    {
        base.Write(value);
        _viewModel.LogBox += value;
    }

    public override Encoding Encoding
    {
        get { return System.Text.Encoding.UTF8; }
    }
}

答案 1 :(得分:0)

您可以使用字符串而不是TextBox,如下所示

在视图模型类

public class ViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    private string _logBox;

    public string LogBox 
    { 
        get {return _logBox;}
        set
        {
            if(value != _logBox)
            {
                _logBox=value;
                OnPropertyChanged("LogBox");
            }
        }
    }

    protected void OnPropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }
}

在作家方法中你只是

public void writer (string str)
{
    ViewModel.LogBox = str;
}

您可以将ViewModel定义为静态或从ViewModel创建新对象,并根据需要访问logger类中的对象!

希望这有帮助。