У меня есть textbox
<TextBox Text="{Binding DisplayNickName}"
Style="{StaticResource enternickname}"
Margin="10,10,0,0"/>
Внутри его стиля есть кнопка. Я хочу чтобы при нажатии на нее обновлялся ник юзера в файле и в model, но не знаю как это сделать. Пытаясь решить проблему я добавил в Model
метод
public void update_nick(string nickname)
{
// обновляем в файле
JsonData.set_name(nickname);
// устанавливаем ник в model
this.nickname = nickname;
}
После чего хотел сделать команду в VM, но к сожалению не знаю что именно там брать за входящие данные(к чему обращаться чтобы получить их) и застрял пока что на этом моменте, поэтому надеюсь на выручку от более опытных людей к чему именно нужно обратиться в VM чтобы получить вводимые в textbox данные(DisplayNickName был в мыслях) а также как внутри стиля указать команду? Кусок из стиля
<!--Добавим текст бокс-->
<TextBox
Text="{TemplateBinding Text}"
Background="Transparent"
BorderThickness="0"
Foreground="#deddd0"
FontSize="20"
Margin="1,0,0,0"
x:Name="NameBox"
MaxLength="15"
Width="auto"/>
<!--Кнопка подтвеждения никнейма-->
<Button VerticalAlignment="Center"
HorizontalAlignment="Right"
Background="Transparent"
BorderThickness="0"
Cursor="Hand"
Command="{Binding DataContext.UpdateNicknameCommand, RelativeSource={RelativeSource AncestorType=Window}}"
CommandParameter="{Binding Text, ElementName=NameBox}">
<Image Source="/images/check_mark.png" Width="25" Height="25"/>
<!--Добавил в стиль кнопки триггеры для того чтобы она выводилась только при вводе и чтобы фон не менялся-->
<Button.Style>
<Style TargetType="{x:Type Button}">
<Setter Property="Background" Value="Transparent" />
<Setter Property="Visibility" Value="Collapsed"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="Border" Background="{TemplateBinding Background}">
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
</Border>
<ControlTemplate.Triggers>
<DataTrigger Binding="{Binding IsKeyboardFocused, ElementName=NameBox}" Value="True">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="Transparent" TargetName="Border" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Button.Style>
</Button>
Команда и метод команды для смены никнейма
public ICommand ChangeNickNameCommand { get; set; }
private void ChangeNickName(object obj)
{
if (obj is string nickname)
{
_accountModel.update_nick(nickname);
}
}
кусок кода из конструктора с привязкой
// привязываем команду
ChangeNickNameCommand = new RelayCommand(ChangeNickName);
Код ICommand
class RelayCommand : ICommand
{
private readonly Action<object> _execute;
private readonly Func<object, bool> _canExecute;
public event EventHandler CanExecuteChanged
{
add { CommandManager.RequerySuggested += value; }
remove { CommandManager.RequerySuggested -= value; }
}
public RelayCommand(Action<object> execute, Func<object, bool> canExecute = null)
{
_execute = execute;
_canExecute = canExecute;
}
public bool CanExecute(object parameter) => _canExecute == null || _canExecute(parameter);
public void Execute(object parameter) => _execute(parameter);
}
ICommand
свойство в VM, метод которого будет принимать просто текст, в самом методе делаете нужную запись в модель. В XAML привязываете просто кнопку<Button Command = "{Binding MySuperCommand}" CommandParameter = "{Binding Text, ElementName = "myTextBox"}" />
, внимание наCommandParameter
, где передается просто текст из текстового поля, ничего более.Dependency Property
- это свойства UserControl'a. Ну вот условно вы пишете<TextBox Text = "Текст"/>
, вотTextBox
- это контрол, аText
- это его свойство, которое реализуется в контроле какDependency Property
. Почитайте как делатьUserControl
(можете в моих ответах), поймете быстро.