c# - WPF中如何根据数据库查询创建按钮

Question

我的小程序有大量分类项目。

假设我有一个名为糖果的类别，并且糖果类别中有100 多个项目。

这里我查询的是，

OleDbConnection dbConnect = new OleDBConnection("....");
dbConnect.Open();
string query = "SELECT ID, item FROM Items WHERE category == 'Candy'"; 
OleDBCommand executeCommand= new OleDBCommand(query, dbConnect);
OleDBDataReader reader = executeCommand.ExecuteReader();

结果可能有很多行，其中每一行都有一个按钮的属性。将生成一个新按钮。

while(reader.Read()) {
// create multiple buttons for each row here..
}

现在的问题是，我想在限制高度和宽度的 WrapPanel 中显示它。假设我只能在 WrapPanel 中显示 10 个按钮。但是创建的按钮超过 50 个。

解决这个问题的最佳方法是什么。我在想，如果我可以修改 10 行的查询并创建 10 个按钮，另一个带有 NEXT 箭头的按钮将获取另外 10 个按钮。

我在这里太糊涂了。请帮助我找到更好的解决方案。

Answer 1

如果项目数没有达到数千，我认为让 WPF 为您管理 View 会更好(代码少得多，代码简单得多)。如何计划用户浏览按钮？是滚动条吗？

此外，查看您的示例代码，您似乎打算在“while”循环中即时创建按钮。同样，虽然这是可能的方式，但这不是“教科书”解决方案或基于集合创建多个项目的简单解决方案。合适的范例是对项目数组使用数据绑定(bind)。

这是一个例子:

在您的 XAML 文件中，定义一个 。给它起一个名字(比如 ButtonsPanel)，这样你就可以从后面的代码中引用它。在后面的代码中准备一个数组(或列表，或从 IEnumerable 派生的任何东西)，其中包含您要呈现的所有项目，并将元素的 ItemsSource 设置为此列表。

ItemsControl 是一个非常通用的项目控件。您可以定义 ItemsPanel(即包含所有项目的面板)以及所有按钮的模板。

<ItemsControl x:Name="ButtonsPanel" Height="80" Width="50">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>        
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Button Content="{Binding}" />
        </DataTemplate>
    </ItemsControl.ItemTemplate>       
</ItemsControl>

编辑(根据 user995387 的评论):
使用 Prev/Next 按钮(又名分页)数据绑定(bind)也是首选范例。在您的控件(或后面的代码)的数据上下文中有一个 ObservableCollection，其中包含您要显示的 10 个项目。单击“下一步”按钮后，要么替换整个集合，要么替换集合中的 10 个项目(清除和 10 个添加)，或者替换集合中项目的内容(在这种情况下，项目必须触发 INotifyPropertyChanged事件) - 以对您更有意义的为准。仅当创建 10 个新按钮(而不是更新每个按钮的内容)会降低性能时才选择最后一个选项。