自定义控件和元素绑定

Question

我正在创建自定义控件，该控件将包含动态添加（或删除）行和列的网格。每个单元格必须包含将与某些模型绑定的复选框。如果用户点击复选框，字典应该刷新。

Model.cs

public class Model
{
    public Model(List<PanelModel> panels)
    {
        this.Panels = new Dictionary<int, bool>();   
        panels.ForEach(panel => this.Panels.Add(panel.Id, false));
    }

    ...

    public Dictionary<int, bool> Panels { get; set; } 
}

CustomControl.cs

CheckBox checkBox = new CheckBox
{
    HorizontalAlignment = HorizontalAlignment.Center,
    VerticalAlignment = VerticalAlignment.Center
};
Grid.SetRow(checkBox, index);
Grid.SetColumn(checkBox, innerIndex);

Binding binding = new Binding(string.Format("Panels[{0}]", panel.Id));
binding.Source = this.Configurations;
binding.Mode = BindingMode.TwoWay;
checkBox.SetBinding(CheckBox.IsCheckedProperty, binding);

this.mainGrid.Children.Add(checkBox);

如何将特定复选框与字典Panels 中的元素绑定？字典包含 int - bool 对，这意味着 ID 为 x 的面板处于打开或关闭状态。

现在，如果我点击复选框，什么都不会发生。调试器显示，所有面板都是假的（关闭）。

Answer 1

根据您的描述，我将使用 ItemsControl 来解决此问题，其中 ItemsSource 绑定到您的集合。

然后添加一个 ItemTemplate，它通过绑定到复选框来呈现布尔值。

您可以将 ItemsControl PanelTemplate 设置为 WrapPanel 以获得网格布局外观。