我的命令触发后如何使用 MVVM 清除我的文本框
How do I clear my TextBox using MVVM after my Command fires
我的 MainWindow 上有一个 TextBox 控件。
<Grid>
<TextBox x:Name="messageBox" Margin="252,89,277,300">
<TextBox.InputBindings>
<KeyBinding Key="Enter"
Command="{Binding TextCommand}"
CommandParameter="{Binding Text, ElementName=messageBox}"/>
</TextBox.InputBindings>
</TextBox>
</Grid>
如您所见,我已将 Enter
键绑定到当我单击 Enter 时它会提示一个消息框,其中包含我在文本框中提供的文本。
我的问题是.. 按回车键后如何清除文本框?我不想在控件上调用事件,因为这会破坏 MVVM 的目的,它还会使我的 MainWindow.cs
混乱
如您所见,我已经在我的 MainWindow 中像这样设置了 DataContext..
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DataContext = new ServerViewModel();
}
}
这是我的 ServerViewModel.cs
class ServerViewModel : INotifyPropertyChanged
{
public TextBoxCommand TextCommand { get; }
public ServerViewModel()
{
TextCommand = new TextBoxCommand(SendMessage);
}
private void SendMessage(string parameter)
{
MessageBox.Show(parameter);
parameter = "";
}
public event PropertyChangedEventHandler PropertyChanged;
[NotifyPropertyChangedInvocator]
protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
还有值得一看的命令。
class TextBoxCommand : ICommand
{
public Action<string> _sendMethod;
public TextBoxCommand(Action<string> SendMethod)
{
_sendMethod = SendMethod;
}
public bool CanExecute(object parameter)
{
return true;
}
public void Execute(object parameter)
{
_sendMethod.Invoke((string)parameter);
}
public event EventHandler CanExecuteChanged;
}
您可以将 TextBox 绑定到 ViewModel 上的 属性,然后只需将 属性 设置为空即可重置 TextBox。
绑定:
<TextBox x:Name="messageBox" Text="{Binding TextBoxInput, Mode=TwoWay}">
ViewModel 中的新 属性:
public string TextBoxInput
{
get { return _textBoxInput; }
set
{
_textBoxInput = value;
OnPropertyChanged(nameof(TextBoxInput));
}
}
private string _textBoxInput;
此处重置了文本框:
private void SendMessage(string parameter)
{
MessageBox.Show(parameter);
TextBoxInput = "";
}
我的 MainWindow 上有一个 TextBox 控件。
<Grid>
<TextBox x:Name="messageBox" Margin="252,89,277,300">
<TextBox.InputBindings>
<KeyBinding Key="Enter"
Command="{Binding TextCommand}"
CommandParameter="{Binding Text, ElementName=messageBox}"/>
</TextBox.InputBindings>
</TextBox>
</Grid>
如您所见,我已将 Enter
键绑定到当我单击 Enter 时它会提示一个消息框,其中包含我在文本框中提供的文本。
我的问题是.. 按回车键后如何清除文本框?我不想在控件上调用事件,因为这会破坏 MVVM 的目的,它还会使我的 MainWindow.cs
如您所见,我已经在我的 MainWindow 中像这样设置了 DataContext..
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DataContext = new ServerViewModel();
}
}
这是我的 ServerViewModel.cs
class ServerViewModel : INotifyPropertyChanged
{
public TextBoxCommand TextCommand { get; }
public ServerViewModel()
{
TextCommand = new TextBoxCommand(SendMessage);
}
private void SendMessage(string parameter)
{
MessageBox.Show(parameter);
parameter = "";
}
public event PropertyChangedEventHandler PropertyChanged;
[NotifyPropertyChangedInvocator]
protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
还有值得一看的命令。
class TextBoxCommand : ICommand
{
public Action<string> _sendMethod;
public TextBoxCommand(Action<string> SendMethod)
{
_sendMethod = SendMethod;
}
public bool CanExecute(object parameter)
{
return true;
}
public void Execute(object parameter)
{
_sendMethod.Invoke((string)parameter);
}
public event EventHandler CanExecuteChanged;
}
您可以将 TextBox 绑定到 ViewModel 上的 属性,然后只需将 属性 设置为空即可重置 TextBox。
绑定:
<TextBox x:Name="messageBox" Text="{Binding TextBoxInput, Mode=TwoWay}">
ViewModel 中的新 属性:
public string TextBoxInput
{
get { return _textBoxInput; }
set
{
_textBoxInput = value;
OnPropertyChanged(nameof(TextBoxInput));
}
}
private string _textBoxInput;
此处重置了文本框:
private void SendMessage(string parameter)
{
MessageBox.Show(parameter);
TextBoxInput = "";
}