Блог

У меня типичный edit form (user control) , с несколькими полями ввода. Мне нужен ListBox элемент, который должен отображаться прямо под элементом TextBox с текущим фокусом, поэтому он должен динамически перемещаться. Я пробовал некоторые привязки, но ничего не происходит

 <local:MyList x:Name="myList"
       Canvas.Left="{Binding (FocusManager.FocusedElement).Canvas.Left,RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}"
       Canvas.Top="{Binding (FocusManager.FocusedElement).Canvas.Bottom,RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}}"
/>
  

Используйте a Popup , поскольку это дает вам возможность показывать его там, где вы хотите. Он Placement = Bottom покажет его точно под PlacementTarget .

Дескриптор GotFocus и LostFocus из TextBox .

         <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,19,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" GotFocus="TextBox_GotFocus_1" LostFocus="TextBox_LostFocus_1"/>
        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,57,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" GotFocus="TextBox_GotFocus_1" LostFocus="TextBox_LostFocus_1"/>
        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,96,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>
        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,136,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120" GotFocus="TextBox_GotFocus_1" LostFocus="TextBox_LostFocus_1"/>
        <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="10,174,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>

        <Popup Placement="Bottom" x:Name="LsbPopup">
            <ListBox>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
                <ListBoxItem>item1</ListBoxItem>
            </ListBox>
        </Popup>
  

Обработчики :

 private void TextBox_GotFocus_1(object sender, RoutedEventArgs e)
{
    LsbPopup.PlacementTarget = sender as TextBox;
    LsbPopup.IsOpen = true;
}

private void TextBox_LostFocus_1(object sender, RoutedEventArgs e)
{
    LsbPopup.IsOpen = false;
}