属性绑定在 ListBox WPF 中不起作用

Question

我正在尝试用由包含复选框和文本块的网格组成的项目填充 ListBox。我最初只有一个复选框，但我需要将文本换行，因此我将其更改为带有复选框和文本块的网格，文本块进行文本换行。

当它只是复选框时，绑定有效，但现在不行。现在列表框中显示了正确数量的项目，但它只是一个未选中的复选框（即使我在后面的代码中将其设置为选中，见下文）和一个空白文本块。

XAML：

<ListBox 
    x:Name="lstCalibration" 
    Margin="304,95,78,24" 
    Background="#7FFFFFFF" 
    Width="211" 
    HorizontalAlignment="Center" 
    VerticalContentAlignment="Stretch" 
    ScrollViewer.HorizontalScrollBarVisibility="Disabled" 
    HorizontalContentAlignment="Stretch">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid Width="auto">
                <Grid.RowDefinitions>
                    <RowDefinition Height="auto"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <CheckBox 
                    Content="" 
                    Tag="{Binding Tag}" 
                    IsChecked="{Binding IsChecked}" 
                    Checked="CheckBoxCal_Checked" 
                    Unchecked="CheckBoxCal_Unchecked"
                    Grid.Row="0" Grid.Column="0"
                    />
                <TextBlock 
                    Tag="{Binding Tag}" 
                    Text="{Binding Text}" 
                    TextWrapping="Wrap"
                    Grid.Row="0" 
                    Grid.Column="1"
                    />
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

背后的代码：

foreach (Controller item in calList)
{
    //fill listbox with cals and correct checked states
    Grid grid = new Grid();
    CheckBox cb = new CheckBox();
    TextBlock tb = new TextBlock();
    tb.Text = item.Description;
    cb.Tag = tb.Tag = i;
    cb.IsChecked = calChecked[i];
    if (cb.IsChecked == true)
        noneChecked = false;
    i++;

    Grid.SetRow(cb, 0);
    Grid.SetColumn(cb, 0);
    grid.Children.Add(cb);
    Grid.SetRow(tb, 0);
    Grid.SetColumn(tb, 1);
    grid.Children.Add(tb);
    lstCalibration.Items.Add(grid);
}

Answer 1

添加这个，并删除你以编程方式创建你在DataTemplate 中设置的所有内容的 foreach 循环。这是一个非常好的DataTemplate，但是您的代码没有正确使用它。 摆脱calChecked; _items[n].IsChecked 现在将完成这项工作。

您可以随时向_items 添加一个新的ListItem，它会出现在列表中，或者删除一个现有的，它将从列表中消失。那是“可观察”的部分。感谢PropertyChanged 事件引发，如果您在后面的代码中设置IsChecked，UI 中的相应复选框将自动更新。

public class ListItem : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    public String Text { get; set; }

    private bool _isChecked = false;
    public bool IsChecked {
        get { return _isChecked; }
        set {
            _isChecked = value;
            PropertyChanged?.Invoke(this, 
                new PropertyChangedEventArgs(nameof(IsChecked));
        }
    }
}

在后面代码中的构造函数中：

private ObservableCollection<ListItem> _items;
public MyWindow()
{
    InitializeComponent()

    _items = new ObservableCollection<ListItem>(
        calList.Select(
            cal => new ListItem {
                       Text = cal.Description,
                       IsChecked = cal.WhateverElse
                   }
        ));

    lstCalibration.Items = _items;
}

在两个地方对DataTemplate 的一个小改动：不要浪费时间绑定Tag。在事件处理程序（您可能甚至不需要）中，只需像这样进行转换：

public void CheckBoxCal_Checked(object sender, EventArgs args)
{
    var listItem = ((FrameworkElement)sender).DataContext as ListItem;

    //  Do whatever. listItem.IsChecked will be up to date thanks 
    //  to the binding.
}

XAML：

            <CheckBox 
                Content="" 
                IsChecked="{Binding IsChecked}" 
                Checked="CheckBoxCal_Checked" 
                Unchecked="CheckBoxCal_Unchecked"
                Grid.Row="0" Grid.Column="0"
                />
            <TextBlock 
                Text="{Binding Text}" 
                TextWrapping="Wrap"
                Grid.Row="0" 
                Grid.Column="1"
                />