如何在 Silverlight 中的 DataGrid 末尾包含自定义行？

Question

我的 Silverlight 应用程序中有一个 DataGrid，它工作得很好，在我操作 ItemsSource 集合时添加一行或删除一行。 但是，我希望有一个附加行或控件始终出现在最后一个数据行之后。

我可以使用 ControlTemplate 并将 RowsPresenter 行设置为自动高度，让附加控件出现在最后一行之后，但这意味着当渲染区域变得太小时，行永远不会滚动。 但是，如果我将 RowsPresenter 行高度更改为星形，行会滚动，但附加控件会显示固定在数据网格的底部，而不是最后一行的底部。

有没有办法让 RowsPresenter 上的星形高度行为同时仍然让我的控件按我想要的方式显示？

我当前的想法是，我需要以某种方式使用 LoadingRow 事件来查找最后一行的位置，并使用 Canvas 或类似的控件将控件放置在适当的位置。

想法？

先谢谢您的帮助。

更新

我还问了一个关于将一个控件固定在另一个控件下方的问题（并最终回答），如果您不希望自定义行与其余行一起滚动（例如在我的情况下），则可以使用该问题来解决此问题，我想要另一个数据网格标题行来显示总计并浮动在其他行上）。

如何在 Silverlight 中将一个控件固定在另一个控件下面？< /a>

Answer 1

昨晚我在灵感迸发的情况下解决了我的问题。 我注意到没有其他人投票支持这个问题，所以这个答案可能对任何人都没有帮助，但以防万一。

首先，我将自定义行控件和 RowsPresenter 组合在两行网格中，每行大小设置为“自动”。 然后，我将网格放置在 ScrollViewer 中，然后将滚动查看器行的大小调整为星形大小。 我没有将 VerticalScrollbar 模板部分添加到我的模板中，因为这只会滚动 RowsPresenter。

这为我提供了我正在寻找的确切行为，即添加行并且自定义行保持固定在最后一个数据行的底部。 当行和自定义行溢出可见区域的末端时，滚动条似乎允许滚动，同时保持标题固定到位。

任务完成。 我希望有人觉得这有帮助。 下面是我的 ControlTemplate XAML。

<ControlTemplate TargetType="swcd:DataGrid" x:Key="DataGridTemplate">
    <Border
        BorderBrush="{TemplateBinding BorderBrush}"
        BorderThickness="{TemplateBinding BorderThickness}">

        <Grid Name="Root" Background="{TemplateBinding Background}">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <swcdp:DataGridColumnHeader Name="TopLeftCornerHeader" Grid.Column="0"/>
            <swcdp:DataGridColumnHeadersPresenter Name="ColumnHeadersPresenter" Grid.Column="1"/>
            <swcdp:DataGridColumnHeader Name="TopRightCornerHeader" Grid.Column="2"/>

            <ScrollViewer
                Grid.Row="1"
                Grid.Column="1"
                Grid.ColumnSpan="1"
                Padding="0,0,0,0"
                BorderThickness="0,0,0,0"
                VerticalScrollBarVisibility="Auto">
                <Grid >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <swcdp:DataGridRowsPresenter Name="RowsPresenter" Grid.Row="0" />

                    <Border
                        Margin="1,1,1,1"
                        Padding="2,2,2,2"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        Grid.Row="1">
                        <Grid Background="{TemplateBinding Background}">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>

                            <TextBlock
                                Grid.Row="0"
                                TextAlignment="Left"
                                TextWrapping="NoWrap"
                                Text="Add a new item using the lists below:" />

                            <mystuff:MySelectionControl
                                HorizontalContentAlignment="Stretch"
                                Grid.Row="1"
                                SelectionChanged="OnSelectionChanged"/>
                        </Grid>
                    </Border>
                </Grid>
            </ScrollViewer>

            <Rectangle Name="BottomLeftCorner" Grid.Row="3" Grid.ColumnSpan="2" />
            <Grid Grid.Column="1" Grid.Row="3">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Rectangle Name="FrozenColumnScrollBarSpacer" />
                <ScrollBar Name="HorizontalScrollbar" Grid.Column="1" Orientation="Horizontal" Height="18" />
            </Grid>
            <Rectangle Name="BottomRightCorner" Grid.Column="2" Grid.Row="3" />
        </Grid>
    </Border>
</ControlTemplate>

Answer 2

不确定这对 Silverlight 是否有帮助，但我通过添加名为 IsTotal 的不可见列，向 WPF DataGrid 添加了总计行。 我能够使用自定义分组/排序使这一行始终出现在网格的底部。 分组/排序顺序配置为使用此列作为主要排序，并具有固定方向。 看起来效果不错。

Answer 3

首先，为 DataGrid 和固定控件创建一个网格：

<Grid Grid.Row="0" VerticalAlignment="Top">
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />               
        <RowDefinition Height="Auto" />            
    </Grid.RowDefinitions>

    <sdk:DataGrid Grid.Row="0" ItemsSource="{Binding YOUR_COLLECTION}" />

    <TextBlock Grid.Row="1" Text="Hello World" /> <!-- The pinned control. -->
</Grid>

技巧是 VerticalAlignment="Top" - 当 DataGrid 小于可用高度时，它将移动到可用空间的顶部，固定控件将出现在其下方。

然后，将此网格放入一个垂直延伸的容器中，例如在另一个具有星形高度的网格的一行中：

<Grid x:Name="LayoutRoot">
    <Grid.RowDefinitions>
        <!-- RowDefition for the Grid with the DataGrid with the pinned control. --> 
        <!-- If you want to have some other controls, -->
        <!-- add other RowDefinitions and put these controls there.  -->
        <RowDefinition Height="*" /> 
    </Grid.RowDefinitions>

    <!-- The internal Grid for the DataGrid & the pinned control. -->
    <Grid Grid.Row="0" VerticalAlignment="Top">
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />               
            <RowDefinition Height="Auto" />            
        </Grid.RowDefinitions>

        <sdk:DataGrid Grid.Row="0" ItemsSource="{Binding YOUR_COLLECTION}" />

        <TextBlock Grid.Row="1" Text="Hello World" /> <!-- The pinned control. -->
    </Grid>
</Grid>

您可能有任何其他垂直延伸的容器，而不是根网格，重要的是它会尝试填充所有可用空间。