与RowDetails一起使用时,WPF DataGrid的高度错误

时间:2010-04-22 13:04:28

标签: .net wpf datagrid .net-4.0 rowdetails

我遇到.NET4附带的新DataGrid组件的问题。使用RowDetails时会出现此问题。使用RowDetails,当选择元素时,网格的总高度会增加。这是显示所有行和RowDetails所必需的,也是我期望的。选择另一行时,第一个RowDetails将折叠,并且将展开新选择行的详细信息。现在的问题是DataGrid的总高度似乎包括前一个元素的折叠rowdetails。我的猜测是,它首先打开新的行细节,然后折叠旧的 - 并且永远不会调整为较小的尺寸。

考虑这个简单的DataGrid:

<DataGrid ItemsSource="{Binding Cars}" Background="Blue" SelectionMode="Single" AutoGenerateColumns="True" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="20,20,0,0" Width="450">
    <DataGrid.RowDetailsTemplate>
        <DataTemplate>
            <StackPanel Orientation="Vertical">
                <TextBlock>Presenting the car details:</TextBlock>
                <TextBlock Text="{Binding Brand}"></TextBlock>
                <TextBlock Text="{Binding CarColor}"></TextBlock>
            </StackPanel>
        </DataTemplate>
    </DataGrid.RowDetailsTemplate>
</DataGrid>

它还需要代码隐藏中的几行:

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new MyViewModel(); 
    }
}

public class MyViewModel
{
    private readonly ObservableCollection<Car> _cars = new ObservableCollection<Car>();

    public MyViewModel()
    {
        _cars.Add(new Car("Toyota", "Silver"));
        _cars.Add(new Car("VW", "Black"));
        _cars.Add(new Car("Audi", "Blue"));
    }

    public ObservableCollection<Car> Cars
    {
        get
        {
            return _cars; 
        }
    }
}

public class Car
{
    public Car(string brand, string color)
    {
        Brand = brand;
        CarColor = color; 
    }

    public string Brand { get; set; }
    public string CarColor { get; set; }
}

选择一个元素,然后选择另一个元素 - 您将看到DataGrid的蓝色背景正在显示。

有什么办法可以解决这个问题吗?我假设这是组件中的错误。如果没有解决方案;谁能告诉我在哪里举报错误?

2 个答案:

答案 0 :(得分:3)

当DataGrid在WPF工具包中时,我遇到了同样的问题,然后找不到解决方案。如果有人有解决方案 - 请大声喊出来!但我猜这是组件中的一个错误,并提交了bug report to Microsoft

答案 1 :(得分:0)

答案在这里:WPF DataGrid Row not adjusting height after expanding Row Details

您可以在DataGrid样式中使用下一个setter:

<Setter Property="ScrollViewer.CanContentScroll" Value="False" />

我认为这是一种魔力。