ListBox DataTemplate 中的属性未正确绑定

Question

我在将列表框正确绑定到集合时遇到了一些麻烦。

我将给出框架代码，然后解释我想要它做什么。

XAML 标记：

<ListBox DataContext="{Binding Foos, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" 
                       ItemsSource="{Binding}" IsSynchronizedWithCurrentItem="True" 
                       SelectedItem="{Binding Main.SelectedFoo, Mode=TwoWay, 
                       Source={StaticResource Locator}, 
                       UpdateSourceTrigger=PropertyChanged}" 
                       SelectedValue="{Binding Main.SelectedFoo, Source={StaticResource Locator}}"/>


<ListBox ItemsSource="{Binding Main.SelectedFoo.Bars}"  SelectedItem="{Binding Main.SelectedBar}"  >
<ListBox.ItemTemplate>
    <DataTemplate>
        <Grid HorizontalAlignment="Right">
            <!-- The binding requires "{Binding .}" because a path must be explicitly set for Two-Way binding,
                 even though {Binding .} is supposed to be identical to {Binding} -->
                <TextBox Text="{Binding Path=. , UpdateSourceTrigger=PropertyChanged}"  />
         </Grid>
    </DataTemplate>
</ListBox.ItemTemplate>

C# ViewModel：

private ObservableCollection<Foo> _barList = new ObservableCollection<Foo>();
private const string BardListPN = "FooList";

public ObservableCollection<Foo> FooList
{
    get { return _fooList; }

    set
    {
        if (_fooList == value)
        {
            return;
        }

        var oldValue = _fooList;
        _fooList = value;

        RaisePropertyChanged(FooListPN);
    }
}

private Foo _selectedFoo;
private const string SelectedFooPN = "SelectedFoo";

public Foo SelectedFoo
{
    get { return _selectedFoo; }

    set
    {
        if (_selectedFoo == value)
        {
            return;
        }

        var oldValue = _selectedFoo;
        _selectedFoo = value;

        // Update bindings, no broadcast
        RaisePropertyChanged(SelectedFooPN);
    }
}

public const string SelectedBarPN = "SelectedBar";
private string _selectedBar = "";

public string SelectedBar
{
    get
    {
        return _selectedBar;
    }

    set
    {
        if (_selectedBar == value)
        {
            return;
        }

        var oldValue = _selectedBar;
        _selectedBar = value;


        // Update bindings, no broadcast
        RaisePropertyChanged(SelectedBarPN);
    }
}

C# 模型：

public class Foo
{
    public ICollection<string> Bars
    {
        get { return _bars; }
        set
        {
            _bars= value;
            NotifyPropertyChanged("Bars"); 
            // snipped obvious INotifyPropertyChanged boilerplate code
        }
    }
}

我的问题是对 Bar 中字符串的文本框进行任何更改代码>集合未设置。当选定的 Foo 更改为不同的 Foo 并返回时，将显示原始的 Bars。

有人可以告诉我我做错了什么吗？这看起来应该简单得多。谢谢！

更新：我已按照 Tri Q 的建议更改了代码，但对文本框所做的更改并未反映在属性本身中。有什么想法吗？

Answer 1

我采用的 Foo 模型类已针对此示例进行了简化，但省略的代码可能是问题的罪魁祸首。让我解释一下。

Foo 还需要实现 INotifyPropertyChanged 以使 Listbox 知道您何时初始化了 Bars 集合，这绝对取决于您何时初始化它。

假设您在 Foo 的构造函数中初始化 Bars 将导致 Listbox ItemsSource 绑定到有效的 Bars 集合。

public Foo()
{
    Bars = new ObservableCollection<string>();
    ...
}

但是，如果您执行了类似的操作，列表框将不知道 Bars 集合已初始化，并且不会更新其源...

public Foo SelectedFoo
{
    get { return _selectedFoo; }

    set
    {
        if (_selectedFoo == value)
        {
            return;
        }

        var oldValue = _selectedFoo;
        _selectedFoo = value;

        // Update bindings, no broadcast
        RaisePropertyChanged(SelectedFooPN);

        if(_selectedFoo.Bars == null)
        {
            _selectedFoo.Bars = new ObservableCollection<string>();
            // ...
        }
    }
}

此外，这里还有一些您可能需要在 XAML 中修改的内容。

首先，Textbox的绑定默认是TwoWay，所以不需要设置Mode或者Path >。

<TextBox Text="{Binding UpdateSourceTrigger=PropertyChanged}"  />

其次，为 ItemsSource 设置 Mode="TwoWay" 是没有意义的。 ItemsSource="{Binding Main.SelectedFoo.Bars, Mode=TwoWay}"

最后，您不需要为 DataTemplateDataType >。 DataType="{x:Type System:String}"