将 ObservableCollection<Item> 绑定到文本框 (UWP)

Question

我想实现从“类结构”项目的 ObservableCollection 到具有 TextChanged 事件的 TextBox 的单向绑定。这个想法是，随着 Item 的 Comments 字段在 TextBox 中累积，TextBox 会自动向下滚动，以便始终显示最后一行。该集合绑定到 ListView，但我希望它以只读方式绑定到 TextBox。我不希望在 ResultViewModel 中添加其他方法，而是在 XAML 中添加。我该怎么做呢？ TIA

// ViewModel

public class Item
    {        
        public string First { get; set; }

        public string Last { get; set; }

        public string Comments { get; set; }
    }

public class ResultViewModel
    {
        private ObservableCollection<Item> items = new ObservableCollection<Item>();                                          

    public ObservableCollection<Item> Items { get { return items; } }

        // member functions
    }

public ResultViewModel ViewModel { get; set; }

// What I have

            <ListView x:Name="myListView" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"                      
                  ItemsSource="{x:Bind ViewModel.Items}">
                <ListView.ItemTemplate>
                    <DataTemplate x:DataType="local:Item">
                        <StackPanel>
                            <TextBox Text="{x:Bind First}"/>
                            <TextBlock Text="{x:Bind Last}"/>
                            <TextBlock Text="{x:Bind Comments}"/>
                        </StackPanel>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

// What I want

<TextBox Text="{x:Bind Comments}"/>

Answer 1

恐怕你不能单独使用 XAML 来做到这一点。 您可以创建一个行为来监听事件并在修改集合时向文本框添加行。

脏例子，你需要包含 Microsoft.Xaml.Behaviors.Uwp.Managed 包：

public class CommentsBehavior : Behavior
{
    public ObservableCollection<string> Comments ... // you will need to make it a dependency property

    protected virtual void OnAttached()
    {
        Comments.CollectionChanged += OnCollectionChanged;
    }

    protected virtual void OnDetaching()
    {
        Comments.CollectionChanged -= OnCollectionChanged;
    }

    private void OnCollectionChanged(object sender, NotifyCollectionChangedEventArgs e)
    {
        if (e.NewItems != null)
        {
            foreach(string newItem in e.NewItems)
            {
                ((TextBox)AssociatedObject).Text = ((TextBox)AssociatedObject).Text + '\n' + newItem;   
            }
        }
    }
}

对于滚动 - UWP C# Scroll to the bottom of TextBox

但是你为什么要使用文本框呢？使用列表更有意义。