取消一个RowDetailsTemplate后调整Datagrid的高度

问题描述

我使用RowDetailsTemplate显示为行嵌套数据网格。现在数据网格的高度膨胀，当我选择一行显示此嵌套数据网格。不过，这并不减少当行被取消它的高度。

1. 有没有办法到DataGrid调整为原始高度排细节已经崩溃后？




2. 是否有可能以声明的方式做到这一点？

解决方案

将详细到的StackPanel和电网本该行为：

 公共类DataGridDetailResizeBehavior：行为<&FrameworkElement的GT; 
 {
保护覆盖无效OnAttached（）
 {
 base.OnAttached（）; 
 this.AssociatedObject.SizeChanged + =新SizeChangedEventHandler（Element_SizeChanged）; 
} 
 
保护覆盖无效OnDetaching（）
 {
 this.AssociatedObject.SizeChanged  -  =新SizeChangedEventHandler（Element_SizeChanged）; 
 base.OnDetaching（）; 
} 
 
私人无效Element_SizeChanged（对象发件人，SizeChangedEventArgs E）
 {
 //查找DataGridDetailsPresenter 
 DataGridDetailsPresenter rowDetailPresenter = NULL; 
 VAR元= this.AssociatedObject; 
，而（元素！= NULL）
 {
 rowDetailPresenter =元素DataGridDetailsPresenter; 
如果（rowDetailPresenter！= NULL）
 {
中断; 
} 
 
元素=（FrameworkElement的）VisualTreeHelper.GetParent（元）; 
} 
 
如果（rowDetailPresenter！= NULL）
 {
无功行= UIHelper.GetParentOf< DataGridRow>（this.AssociatedObject）; 
如果（行= NULL&放大器;！&安培; row.DetailsVisibility == Visibility.Visible）
 {
 //设置高度
 rowDetailPresenter.ContentHeight = this.AssociatedObject.ActualHeight; 
} 
} 
} 
} 
  

和XAML是这样的：

 < SDK：DataGrid.RowDetailsTemplate> 
<&DataTemplate的GT; 
<&StackPanel的GT; 
<网格和GT; 
< SDK：DataGrid的... 
 
< I：Interaction.Behaviors> 
< myinteractivity：DataGridDetailResizeBehavior /> 
< /我：Interaction.Behaviors> 
< /网格和GT; 
< / StackPanel的> 
< / DataTemplate中> 
< / SDK：DataGrid.RowDetailsTemplate> 
  

这为我工作。

I am using RowDetailsTemplate to display a nested datagrid for a row. Now the datagrid expands in height when I select a row to show this nested datagrid. But it doesn't reduce its height when the row is deselected.

1. Is there a way to resize the datagrid to its original height after the row details have been collapsed?

2. Is it possible to do it declaratively?

解决方案

Place detail into StackPanel and grid with this this Behaviour:

public class DataGridDetailResizeBehavior : Behavior<FrameworkElement>
{
    protected override void OnAttached()
    {
        base.OnAttached();
        this.AssociatedObject.SizeChanged += new SizeChangedEventHandler(Element_SizeChanged);
    }

    protected override void OnDetaching()
    {
        this.AssociatedObject.SizeChanged -= new SizeChangedEventHandler(Element_SizeChanged);
        base.OnDetaching();
    }

    private void Element_SizeChanged(object sender, SizeChangedEventArgs e)
    {
        //Find DataGridDetailsPresenter
        DataGridDetailsPresenter rowDetailPresenter = null;
        var element = this.AssociatedObject;
        while (element != null)
        {
            rowDetailPresenter = element as DataGridDetailsPresenter;
            if (rowDetailPresenter != null)
            {
                break;
            }

            element = (FrameworkElement)VisualTreeHelper.GetParent(element);
        } 

        if (rowDetailPresenter != null)
        {
            var row = UIHelper.GetParentOf<DataGridRow>(this.AssociatedObject);
            if (row != null && row.DetailsVisibility == Visibility.Visible)
            {
                //Set height
                rowDetailPresenter.ContentHeight = this.AssociatedObject.ActualHeight;
            }
        }
    }
}

and XAML looks like this:

<sdk:DataGrid.RowDetailsTemplate>
    <DataTemplate>
        <StackPanel>
            <Grid>
                <sdk:DataGrid...

                <i:Interaction.Behaviors>
                    <myinteractivity:DataGridDetailResizeBehavior />
                </i:Interaction.Behaviors>
            </Grid>
        </StackPanel>
    </DataTemplate>
</sdk:DataGrid.RowDetailsTemplate>

This worked for me.

这篇关于取消一个RowDetailsTemplate后调整Datagrid的高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！