为什么我的 WPF 弹出窗口没有显示它应该显示的位置答案

【问题标题】：Why isn't my WPF Popup Showing Where it Should为什么我的 WPF 弹出窗口没有显示它应该显示的位置
【发布时间】：2012-02-07 12:28:05
【问题描述】：

我正在尝试按照本指南：http://www.jarloo.com/excel-like-autofilter-in-wpf/ 在按下数据网格列标题中的按钮时添加一个小弹出窗口。我在列标题中添加了一个过滤器按钮和图标，并将弹出窗口的放置目标设置为此按钮，但弹出窗口始终显示在整个窗口的左下方。

知道为什么吗？

数据网格列

    <DataGridTemplateColumn.HeaderTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Image Source="Images\bios.png" Width="16" Height="16"/>
                <TextBlock Text="Model" TextWrapping="Wrap" Padding="3"/>
                <Button Name="btnModelFilter" Margin="3,0,0,0" Click="btnModelFilter_Click">
                    <Button.Template>
                        <ControlTemplate>
                            <Image Source="Images\filter.png" Width="10" Height="10"/>
                        </ControlTemplate>
                    </Button.Template>
                </Button>
            </StackPanel>
        </DataTemplate>
    </DataGridTemplateColumn.HeaderTemplate>                    
</DataGridTemplateColumn>

弹窗

<Popup Name="popModel" Placement="Bottom" PlacementTarget="{Binding ElementName=btnModelFilter}" StaysOpen="False" Width="200">
    <Border Background="White" BorderBrush="Gray" BorderThickness="1,1,1,1">
        <StackPanel Margin="5,5,5,15">
            <StackPanel Orientation="Horizontal" Margin="0,0,0,15">
                <Button Margin="0,0,0,0" Name="btnSelectAll" Click="btnSelectAll_Click">
                    <Button.Template>
                        <ControlTemplate>
                            <TextBlock Text="Select All" Foreground="Blue" Cursor="Hand" />
                        </ControlTemplate>
                    </Button.Template>
                </Button>

                <Button Margin="10,0,0,0" Name="btnUnselectAll" Click="btnUnselectAll_Click">
                    <Button.Template>
                        <ControlTemplate>
                            <TextBlock Text="Select None" Foreground="Blue" Cursor="Hand" />
                        </ControlTemplate>
                    </Button.Template>
                </Button>
            </StackPanel>

            <ListBox x:Name="lstModels" BorderThickness="0">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <CheckBox IsChecked="{Binding IsChecked}" Content="{Binding Item}" Checked="ApplyFilters" Unchecked="ApplyFilters" />
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

        </StackPanel>
    </Border>
</Popup>

【问题讨论】：

标签： c# wpf user-interface datagrid popup

【解决方案1】：

由于您的按钮的 Name 属性是在 DataTemplate 中定义的，因此名称的范围不会超出该 DataTemplate，因此找不到按钮并且 PopUp 显示在 0,0。
这个范围规则是合乎逻辑的，因为想象一下，如果您多次重复使用 DataTemplate，那么使用相同的按钮名称会引发编译器错误。
您可以将 PopUp 定义为带有键的样式，并将其直接包含在您的 Header DataTemplate 中。

【讨论】：

【解决方案2】：

假设您的弹出窗口与您的 btnModelFilter 在同一个堆栈面板中，我认为您的 StackPanel（btnModelFilter 的父级）应该是弹出窗口的放置目标，而不是 @ 987654323@.

【讨论】：