Как привязать к элементу управления внутри пользовательского элемента управления в WPF?

Question

У меня есть следующий пользовательский элемент управления.

`<UserControl x:Class="School_Manager.SearchBox"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:School_Manager"
             mc:Ignorable="d"
             d:DesignHeight="50" d:DesignWidth="400">


        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>

            <!--Cancle Button-->
            <Button Grid.Column="0"
                    Margin="0 0 -10 0"
                    Style="{StaticResource IconGrowButton}"
                    Content="{StaticResource FontAwesomeCloseIcon}"
                    />

            <!--SearchBox-->
            <TextBox 
                Grid.Column="1"
                Style="{StaticResource SearchTextBox}"
                Tag="Search..."
                Text="{Binding SearchText,
                       RelativeSource={RelativeSource 
                       Mode=FindAncestor, 
                       AncestorType={x:Type UserControl}}, 
                       Mode=TwoWay}" />

            <!--Search Button-->
        <Button Grid.Column="2"
                    Margin="-10 0 0 0"
                    Style="{StaticResource IconGrowButton}"
                    Content="{StaticResource FontAwesomeSearchIcon}"
                    />

        </Grid>
</UserControl>
`

и его код позади ..

 public partial class SearchBox : UserControl
{

    public SearchBox()
    {
        InitializeComponent();
    }



    public string SearchText
    {
        get => (string)GetValue(SearchTextProperty);
        set => SetValue(SearchTextProperty, value);
    }
    public static readonly DependencyProperty SearchTextProperty =
      DependencyProperty.Register("SearchText", typeof(string), typeof(SearchBox), new PropertyMetadata(new PropertyChangedCallback(OnSearchTextChanged)));


    private static void OnSearchTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var searchBox = (SearchBox)d;
        searchBox.SearchText = e.NewValue as string;
    }


}

Я пытаюсь привязать свойство SearchText к другому элементу управления в моем главномстраница, на которой я использую пользовательский элемент управления

 <local:SearchBox x:Name="SearchBox"/>

 <TextBlock Text="{Binding ElementName=SearchBox,Path=SearchText,Mode=TwoWay}"/>

Я хочу обновить текстовое свойство текстового блока (или любого другого элемента управления), поскольку SearchText моего пользовательского элемента управления изменяется, но он не работает ... но когда я нажимаю любойэлемент как кнопка в текстовых обновлениях моего usercontrol текстового блока, я не понимаю, почему это происходит.

Answer 1

Добавьте UpdateSourceTrigger=PropertyChanged в TextBox вашего UserControl следующим образом.

 <TextBox 
    Grid.Column="1"
    Tag="Search..."
    Text="{Binding SearchText,
           RelativeSource={RelativeSource 
           Mode=FindAncestor, 
           AncestorType={x:Type UserControl}}, 
           Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />