WPF:如何设置DataGrid高度,使其不跨越父(Window / UserControl)区域

时间:2017-08-18 19:50:06

标签: c# .net wpf visual-studio wpfdatagrid

在WPF项目(VS2015)中,我在UserControl中有一个DataGrid。当DataGrid有足够的项目进行滚动时,DataGrid的高度超出UserControl的高度并离开屏幕。

我尝试将DataGrid放在StackPanel,ScrollViewer,Grid,VerticalAlignment到Top / Stretch但没有帮助。

当我使用下面的代码根据父高度设置高度时,DataGrid的高度可以正常工作。但是这个方法的问题是我的DataGrid是在屏幕上的其他控件之后设置的,所以我不能按原样使用UserControl高度。我需要从UserControl高度中减去DataGrid的起始位置。我不知道怎么做?

Height="{Binding RelativeSource={RelativeSource AncestorType={x:Type UserControl}}, Path=ActualHeight}"

这是我的DataGrid

<DataGrid Name="ItemsDataGrid" ItemsSource="{Binding ItemData}" 
    IsReadOnly="True" AutoGenerateColumns="False">
    <DataGrid.Columns>
        ...
    </DataGrid.Columns>
</DataGrid>

编辑#1

`

<UserControl x:Class="CC.ItemsListView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
    xmlns:local="clr-namespace:CC"
    mc:Ignorable="d" 
    d:DesignHeight="730" d:DesignWidth="850"
    Style="{StaticResource FormsBaseStyle}">
    <StackPanel Background="LightGray">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="3*"/>
                <ColumnDefinition Width="150"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="Items" Style="{StaticResource FormHeaderStyle}"/>
            <xctk:WatermarkTextBox Grid.Column="1" Name="ItemNameSearchTxt" TextChanged="ItemNameSearchTxt_TextChanged"/>
            <Button Grid.Column="2" Name="AddNewBtn" Content="Add New" Padding="20, 0" HorizontalAlignment="Right" Click="AddNewBtn_Click"/>
            <Button Grid.Column="3" Name="DeleteBtn" Content="Delete" Padding="20, 0" HorizontalAlignment="Right" Click="DeleteBtn_Click"/>
            <Button Grid.Column="4" Name="ExportBtn" Content="Export" Padding="20, 0" HorizontalAlignment="Right"/>
        </Grid>
        <Separator Height="1" Width="Auto" VerticalAlignment="Bottom"/>
        <DataGrid Name="ItemsDataGrid" ItemsSource="{Binding ItemDS}" IsReadOnly="True" AutoGenerateColumns="False">
            <DataGrid.Columns>
                ...
            </DataGrid.Columns>
        </DataGrid>
    </StackPanel>
</UserControl>

`

1 个答案:

答案 0 :(得分:0)

试试这个布局。

DbContext