3

我想知道是否有人尝试过以下操作或对如何操作有想法。

我有一个 WPFToolkit DataGrid，它绑定到一个 ObservableCollection 项目。因此，DataGrid 在 ObservableCollection 中显示的行数与我在 DataGrid 中定义的列数一样多。这一切都很好。我现在需要的是提供相同数据的另一个视图，只是，DataGrid在 ObservableCollection中显示了尽可能多的单元格。

假设我的 ObservableCollection 中有 100 个项目。原始场景显示了具有 100 行和 1 列的 DataGrid。在修改后的场景中，我需要用 10 行和 10 列显示它，其中每个单元格显示原始表示中的值。换句话说，我需要将我的 1D ObservableCollection 转换为 2D ObservableCollection 并将其显示在 DataGrid 中。我知道如何在后面的代码中以编程方式执行此操作，但是可以在 XAML 中完成吗？

让我稍微简化一下问题，以防万一有人对此有所了解。下面的 XAML 执行以下操作：

* Defines an XmlDataProvider just for dummy data
* Creates a DataGrid with 10 columns
      o each column is a DataGridTemplateColumn using the same CellTemplate
* The CellTemplate is a simple TextBlock bound to an XML element

如果您运行下面的 XAML，您会发现 DataGrid 最终有 5 行，每本书一个，10 列具有相同的内容（都显示书名）。但是，尽管使用不同的数据集，我想要完成的是，在这种情况下，我最终会得到一行，每个书名出现在第 1 行的单个单元格中，占据单元格 0-4，并且单元格 5-9 中没有任何内容。然后，如果我添加更多数据并在我的 XML 数据源中有 12 本书，我将完全填满第 1 行（覆盖前 10 个标题的单元格），第 2 行将填满前 2 个单元格。

我的方案可以主要在 XAML 中完成，还是应该让自己在后面的代码中工作？

任何指导将不胜感激。非常感谢！

<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:custom="http://schemas.microsoft.com/wpf/2008/toolkit"
mc:Ignorable="d"
x:Name="UserControl"
d:DesignWidth="600" d:DesignHeight="400"  >
<UserControl.Resources>
    <XmlDataProvider x:Key="InventoryData" XPath="Inventory/Books">
        <x:XData>
            <Inventory xmlns="">
                <Books>
                    <Book ISBN="0-7356-0562-9" Stock="in" Number="9">
                        <Title>XML in Action</Title>
                        <Summary>XML Web Technology</Summary>
                    </Book>
                    <Book ISBN="0-7356-1370-2" Stock="in" Number="8">
                        <Title>Programming Microsoft Windows With C#</Title>
                        <Summary>C# Programming using the .NET Framework</Summary>
                    </Book>
                    <Book ISBN="0-7356-1288-9" Stock="out" Number="7">
                        <Title>Inside C#</Title>
                        <Summary>C# Language Programming</Summary>
                    </Book>
                    <Book ISBN="0-7356-1377-X" Stock="in" Number="5">
                        <Title>Introducing Microsoft .NET</Title>
                        <Summary>Overview of .NET Technology</Summary>
                    </Book>
                    <Book ISBN="0-7356-1448-2" Stock="out" Number="4">
                        <Title>Microsoft C# Language Specifications</Title>
                        <Summary>The C# language definition</Summary>
                    </Book>
                </Books>
                <CDs>
                    <CD Stock="in" Number="3">
                        <Title>Classical Collection</Title>
                        <Summary>Classical Music</Summary>
                    </CD>
                    <CD Stock="out" Number="9">
                        <Title>Jazz Collection</Title>
                        <Summary>Jazz Music</Summary>
                    </CD>
                </CDs>
            </Inventory>
        </x:XData>
    </XmlDataProvider>

    <DataTemplate x:Key="GridCellTemplate">
        <TextBlock>
            <TextBlock.Text>
                <Binding XPath="Title"/>
            </TextBlock.Text>
        </TextBlock>
    </DataTemplate>

</UserControl.Resources>

<Grid x:Name="LayoutRoot">
    <custom:DataGrid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" IsSynchronizedWithCurrentItem="True"
    Background="{DynamicResource WindowBackgroundBrush}" HeadersVisibility="All" RowDetailsVisibilityMode="Collapsed"
    SelectionUnit="CellOrRowHeader" CanUserResizeRows="False" GridLinesVisibility="None" RowHeaderWidth="35" AutoGenerateColumns="False"
    CanUserReorderColumns="False" CanUserSortColumns="False">
        <custom:DataGrid.Columns>
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="01" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="02" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="03" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="04" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="05" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="06" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="07" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="08" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="09" />
            <custom:DataGridTemplateColumn CellTemplate="{StaticResource GridCellTemplate}" Header="10" />
        </custom:DataGrid.Columns>
        <custom:DataGrid.ItemsSource>
            <Binding Source="{StaticResource InventoryData}" XPath="Book"/>
        </custom:DataGrid.ItemsSource>
    </custom:DataGrid>
</Grid>

4

1 回答 1

2

因此，简单地重新表述您的问题，您有一个对象集合，并且您希望将它们水平显示，每行 10 个。如果超过 10 个，则多余的项目会环绕（重排）到下一行。

以下是您可以非常轻松地做到这一点的方法：

不要使用数据网格。这基本上仅用于将对象 1 对象显示到行中，其中列显示该对象的各种数据。

相反，使用 ListBox 或 ListView，并给它一个新的ItemsPanel，像这样（使用数据模板来显示复杂的对象）：

<ListBox ItemsSource="{Binding SomeCollectionOfObjects}">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Columns="10"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>

这将替换VirtualizingStackPanelListBox 用于排列其项目的默认设置UniformGrid。使用 UniformGrid 的原因是您可以指定网格应具有的列数和/或行数。该面板将在 ListBox 的项目之间平均划分显示区域，但有 10 列（如您所愿）。

如果您不想要固定数量的列/行，则可以改用 aWrapPanel它将尽可能多的对象放入一行并换行到下一行，有点像inline-blockhtml 中的元素或左对齐文本.

最后一件事：请记住，我刚才提到的这 3 个面板中的每一个都可以Orientation设置为Horizontal（UniformGrid 和 WrapPanel 的Vertical默认值）或（VirtualizingStackPanel 和 StackPanel 的默认值）。

此外，您可以为自定义项目布局编写自己的面板（例如将项目排列成一个圆圈）。

于 2010-03-22T10:56:41.497 回答