使用数据库中的复选框填充 StackPanel

Question

我对 WPF 还很陌生。我有一个页面使用 L2S 显示来自 SQL 数据库的数据。 L2S 返回一个 DataTable，其中包含特定区域可供选择的所有可用选项。它从数据库返回的每一行都需要是一个复选框，我想将这些复选框放在stackpanel中。

我正在考虑将数据绑定到 StackPanel 吗？这感觉不对……我猜我需要循环遍历 DataTable 并为每一行创建复选框项，然后在运行时将它们添加到 StackPanel 中。这是正确的吗？返回 DataTable 是我的问题的一部分吗？

我看到 StackPanel 有一个 DataContext 属性，但我不能只设置它，因为它不知道将每个项目设置为 checkbox，正确的？

Answer 1

您可能需要一个 ItemsControl。这允许您使用指定的 DataTemplate 呈现一系列项目。您可以在 ItemsControl 中内联执行此操作：

   <ItemsControl ItemsSource="{Binding MyCollectionOfItems}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <CheckBox IsChecked="{Binding NameOfTheCheckedPropertyOnEachItem}"/>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>  

或者从资源显式引用数据模板...更像是：

    <!-- In some parent resource section -->
    <DataTemplate x:Key="MyDataTemplateName">
        <CheckBox IsChecked="{Binding NameOfTheCheckedPropertyOnEachItem}"/>
    </DataTemplate>

    <!-- ... -->

    <ItemsControl ItemsSource="{Binding MyCollectionOfItems}" ItemTemplate="{StaticResource MyDataTemplateName}">
    </ItemsControl>

或者您可以定义一个 DataTemplate 来定义绑定类的外观。 （请注意，如果您的 Linq-to-SQL 投影为匿名类型，则这不是一个选项）类似：

        <!-- In some parent resource section -->
        <DataTemplate DataType="{x:Type MyBoundClass}">
            <CheckBox IsChecked="{Binding NameOfTheCheckedPropertyOnEachItem}"/>
        </DataTemplate>

    <!-- ... -->

    <ItemsControl ItemsSource="{Binding MyCollectionOfItems}">
    </ItemsControl>

WPF 然后将查找与集合中每个项目的数据类型相匹配的 DataTemplate。请注意，这对于绑定需要不同表示的异构集合非常有帮助。

您可以绑定 Stackpanel 的 DataContext，但没有为每个数据元素重复模板的固有逻辑。它只是为子控件和包含的 {Binding ...} 语句提供上下文。所有处理重复数据的控件均源自 ItemsControl，并通过 ItemsSource 属性获取数据。

Answer 2

除了 Ben Von Handorf 的回答之外，我认为提到您还可以通过更改 ItemsPanel 来更改 ItemsControl 排列其元素的方式会很有用。例如：

<ListBox ItemsSource="{Binding MyCollection}">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>

这使得 ListBox 水平排列项目而不是垂直排列。如果您希望项目像文本一样“流动”（如果您了解 html，则可以使用 span），您也可以使用 WrapPanel。 WrapPanel 也可以水平或垂直定向。 （但尽量不要将 WrapPanel 用于大型项目集合，因为它不是虚拟化的，并且会导致一些大的延迟。）

您甚至可以创建自己的自定义面板并替换它们。我曾经制作了一个随机排列其项目的面板，并将其用于列表框。我绑定的集合中的每个项目都显示在列表框中的随机位置。每次刷新布局时，项目都会获得新的位置。