处理 DataGrid 内部弹出窗口的 Got_Focus 和 Lost_Focus

Question

我有一个 DataGrid，它有更多选项作为最后一列弹出。 当我单击一行的最后一个单元格（更多选项弹出图标）时，弹出窗口将获得焦点并显示，但是在该行本身被选中后立即将焦点从弹出窗口移开，这将导致弹出窗口关闭。 为了再次打开它，我必须点击它两次。

它可以通过设置SelectionMode="None"来修复，但我希望我的行是可选的。 另一种解决方法是尝试将控制集中在事件上，但它也没有给出预期的行为：

PopupBox selectedPopupBox; 

public CustomersView()
{   
    InitializeComponent();
}

private void PopupBox_GotFocus(object sender, RoutedEventArgs e)
{
    var popupBox = sender as PopupBox;
    selectedPopupBox = popupBox;
    popupBox.IsPopupOpen = true;
}

private void CustomersDataGrid_SelectionChanged(object sender, GridSelectionChangedEventArgs e)  
{

    if (selectedPopupBox != null)
    {
        selectedPopupBox.Focus();
        popupBox.IsPopupOpen = true;
    }
}

The problem with the solution would be that whenever another row will be selected previous popup will be opened.

我发现的类似问题： Syncfusion 论坛， Stackoverflow 问题

PS 我不想在单击一行中的任何其他单元格时打开弹出窗口，只有在单击更多选项图标时才打开。

附加当前行为以使其更清楚：

默认行为：

SelectionMode设置为None ：

代码隐藏的解决方法：

Answer 1

这个问题的解决方案是来自sf forum的答案。

public partial class CustomersView : UserControl
{
    public CustomersView()
    {
        InitializeComponent();

        this.customersDataGrid.CellRenderers.Remove("TemplateExt");
        this.customersDataGrid.CellRenderers.Add("TemplateExt", new GridCellTemplateExtension());
    }
}

// Create Grid template column extension and specify it's cell type
public class MoreOptionsTemplateColumnExtension : GridTemplateColumn
{
    public MoreOptionsTemplateColumnExtension()
    {
        SetCellType("TemplateExt");
    }
}

public class GridCellTemplateExtension : GridCellTemplateRenderer
{
    // This method will set the focus to the clicked cell
    // instead of row itself
    protected override void SetFocus(FrameworkElement uiElement, bool needToFocus)
    {
        if (!needToFocus)
            DataGrid.Focus();
    }
}

您可以像这样在 XAML 中使用此扩展程序：

<local:MoreOptionsTemplateColumnExtension Width="85"
                                                          AllowFocus="True"
                                                          AllowSorting="False">
                    <local:MoreOptionsTemplateColumnExtension.CellTemplate>
                        <DataTemplate>
                            <md:PopupBox Margin="5"
                                         Padding="2,0,2,0"
                                         HorizontalAlignment="Center"
                                         VerticalAlignment="Center"
                                         Foreground="DarkSlateGray"
                                         PopupMode="Click">
                                <!-- Your popup content -->
                            </md:PopupBox>
                        </DataTemplate>
                    </local:MoreOptionsTemplateColumnExtension.CellTemplate>
                </local:MoreOptionsTemplateColumnExtension>