首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >WPF - CollectionView刷新在具有嵌套HierarchicalDataTemplate的TreeView中不丢失选择

WPF - CollectionView刷新在具有嵌套HierarchicalDataTemplate的TreeView中不丢失选择
EN

Stack Overflow用户
提问于 2016-01-22 23:18:58
回答 1查看 2.3K关注 0票数 2

为什么这件事这么难做,说真的:我有以下几点:

代码语言:javascript
运行
复制
 public BindingList<Dialogue> Dialogues { get; set; }
 public CollectionView DialoguesCollectionView { get; set; }

在这个ViewModel的构造函数中,我这样做:

代码语言:javascript
运行
复制
SubDialogues = new BindingList<SubDialogue>();
SubDialogues.ListChanged += (sender, args) =>
{
    OnPropertyChanged(nameof(SubDialogues));

    //HACK: Temporary solution...
    if (args.ListChangedType == ListChangedType.ItemAdded ||
        args.ListChangedType == ListChangedType.ItemDeleted)
    {
        SubDialoguesCollectionView.Refresh();
    }
};

SubDialoguesCollectionView = new ListCollectionView(SubDialogues);
SubDialoguesCollectionView.SortDescriptions.Add(new SortDescription("Name", ListSortDirection.Ascending));

每当我修改绑定列表中的项时,它都会立即得到反映。但是,这不包括添加或删除项,因此我强制刷新。

但是,每当Name属性更改时,我也希望刷新列表,因此会相应地重新排序,这就是我的问题开始的地方。

“我的视图”中的TreeView使用SubDialoguesCollectionView作为其HierarchicalDataTemplate之一的ItemSource。每当我在TreeView中选择一个项目,而基础CollectionView由于任何原因而被刷新时,它就会失去选择,而是跳转到整个列表的父列表中。

我不希望这种情况发生,我想保留选择的项目,即使它的偏移被改变,因为重新排序。有人能帮我弄清楚我怎样才能让这件事按我想要的方式运作吗?我已经尝试了所有的东西: SortableBindingList,行为,移动项目而不是刷新,列表继续。我开始长白发了!

如果有其他的方法我可能会忽略,我也希望听到他们。最后,我想要的是一个列表,在任何绑定对象的Name属性发生变化时重新排序,但不会丢失该对象在TreeView中的选择。

应要求提供我的代码库设置方式的复制/粘贴版本(高度简化和扁平):https://gist.github.com/LennardF1989/59a42c7be474061f14bd

我忽略了上面描述的失败尝试,这是我尝试任何事情之前的状态。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-26 00:25:31

实际上,这里有几个问题。老实说,主要的问题是,您没有正确地使用数据绑定,如果您使用的是类似于MVVM的东西,那么您将操作视图模型,而UI就会符合要求。实际上,视图元素的内部存在一些复杂的交互。

在进一步研究之前,我只需指出我对您的代码所做的一些更改。

  • 不要使用BindingList,它根本不适合扩展;我已经用ObservableCollections代替了您的。
  • 您已经在导入MVVM,所以您可以使用ViewModelBase而不是声明自己的BaseViewModel。当然,由于MainWindow不支持多重继承,您仍然会遇到C#方面的问题,但是无论如何,MainWindow中不应该有任何代码;)
  • 为了将代码导向更好的数据绑定,我已经替换了用附加行为更新SelectedObject的函数,源代码如下所示。(这与问题无关,所以我希望你原谅我这一次的放纵。)
  • 我创建了第二个名为SortedDialogues的字段,它是对话的CollectionViewSource。我还添加了一个SortDescription来按“名称”来订购。因此,对话可以单独进行,您可以将其绑定到SortedDialogues,并且每当某个东西(即对话名称)发生更改时,就调用SortedDialogues‘Refresh()成员来更新排序。
  • 我这样做只是为了对话,我会让你把它应用于任务等。

现在,发生的事情是,TreeView维护一个TreeViewItems的内部列表,每个列表都有一个IsSelected标志(在MVVM应用程序中,您可以将它们绑定到相应视图模型中的属性)。当您刷新排序列表时,TreeView响应的方法是从头开始为相关子树重新创建TreeViewItems。当前选择的TreeViewItem与TreeView分离,因此框架响应时选择父节点,即Quest。通常,您可以调用treeview.ItemContainerGenerator.ContainerFromItem(item)从项中获取新的TreeView,但是由于在运行时创建节点的动态方式,这不能与HierarchicalDataTemplates一起工作。诀窍是手动遍历TreeView的层次结构,查找具有所选值的节点。

以下是新代码:

代码语言:javascript
运行
复制
public interface INameable
{
    string Name { get; set; }
}

public class Quest : ViewModelBase, INameable
{
    private string _name;

    public string Name
    {
        get { return _name; }
        set
        {
            _name = value;

            RaisePropertyChanged();
        }
    }

    private ObservableCollection<Dialogue> _Dialogues;
    public ObservableCollection<Dialogue> Dialogues
    {
        get { return this._Dialogues; }
        set { this._Dialogues = value; RaisePropertyChanged(); }
    }

    private ICollectionView _SortedDialogues;
    public ICollectionView SortedDialogues
    {
        get { return this._SortedDialogues; }
        set { this._SortedDialogues = value; RaisePropertyChanged(); }
    }

    // this is actually a bit messy, I'll leave it to you to find a cleaner way of doing this
    public Func<object> GetSelected;
    public Action<object> SetSelected;

    public Quest()
    {
        Dialogues = new ObservableCollection<Dialogue>();

        this.SortedDialogues = CollectionViewSource.GetDefaultView(Dialogues);
        this.SortedDialogues.SortDescriptions.Add(new SortDescription("Name", ListSortDirection.Ascending));
    }

    public void AddDialogue(Dialogue dlg)
    {
        this.Dialogues.Add(dlg);
        dlg.PropertyChanged += Dlg_PropertyChanged;
        SortDialogues();
    }

    private void Dlg_PropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        SortDialogues();
    }

    private void SortDialogues()
    {
        var selected = GetSelected(); // get currently selected item
        this.SortedDialogues.Refresh(); // bam! treeviewitmes get destroyed.
        SetSelected(selected); // so reselect it immediately
    }
}

public class Dialogue : ViewModelBase, INameable
{
    private string _name;

    public string Name
    {
        get { return _name; }
        set
        {
            _name = value;
            RaisePropertyChanged();
        }
    }

}

public partial class MainWindow : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;


    private object _selectedObject = new object();
    public object SelectedObject
    {
        get
        {
            return _selectedObject;
        }
        set
        {
            _selectedObject = value;

            OnPropertyChanged();
        }
    }

    public ObservableCollection<Quest> Quests
    {
        get { return _quests; }
        set
        {
            _quests = value;
            OnPropertyChanged();
        }
    }

    private ObservableCollection<Quest> _quests;        

    public MainWindow()
    {
        Quests = new ObservableCollection<Quest>();

        InitializeComponent();
    }

    private void AddQuest(object sender, RoutedEventArgs e)
    {
        Quests.Add(new Quest
        {
            Name = "Quest",
            GetSelected = () => this.SelectedObject,
            SetSelected = (selected) => {
                ItemContainerGenerator gen = _treeView.ItemContainerGenerator;
                TreeViewItem item = ContainerFromItem(gen, selected);
                if (item != null)
                    item.IsSelected = true;
            }
            ,
        });
    }

    private void AddDialogue(object sender, RoutedEventArgs e)
    {
        if (_treeView.SelectedItem is Quest)
        {
            var dlg = new Dialogue
            {
                Name = "Dialogue"
            };
            (_treeView.SelectedItem as Quest).AddDialogue(dlg);
        }
    }

    // courtesy http://stackoverflow.com/questions/24859511/get-treeviewitem-for-treeview-logical-element
    private static TreeViewItem ContainerFromItem(ItemContainerGenerator containerGenerator, object item)
    {
        TreeViewItem container = (TreeViewItem)containerGenerator.ContainerFromItem(item);
        if (container != null)
            return container;

        foreach (object childItem in containerGenerator.Items)
        {
            TreeViewItem parent = containerGenerator.ContainerFromItem(childItem) as TreeViewItem;
            if (parent == null)
                continue;

            container = parent.ItemContainerGenerator.ContainerFromItem(item) as TreeViewItem;
            if (container != null)
                return container;

            container = ContainerFromItem(parent.ItemContainerGenerator, item);
            if (container != null)
                return container;
        }
        return null;
    }

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

}

下面是TreeView的XAML:

代码语言:javascript
运行
复制
    <TreeView x:Name="_treeView" behaviors:TreeViewHelper.SelectedItem="{Binding Path=SelectedObject, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">

        <TreeViewItem IsExpanded="True">

            <TreeViewItem.Header>
                <TextBlock Text="Project" Margin="5,0,0,0" />
            </TreeViewItem.Header>
            <TreeViewItem ItemsSource="{Binding Quests}" IsExpanded="True">
                <TreeViewItem.Header>
                    <TextBlock Text="Quests" Margin="5,0,0,0" />
                </TreeViewItem.Header>
                <TreeViewItem.Resources>
                    <HierarchicalDataTemplate DataType="{x:Type testApplication:Quest}" ItemsSource="{Binding SortedDialogues, UpdateSourceTrigger=PropertyChanged}">
                        <TextBlock Text="{Binding Name}" Margin="5,0,0,0" />
                    </HierarchicalDataTemplate>
                    <DataTemplate DataType="{x:Type testApplication:Dialogue}">
                        <TextBlock Text="{Binding Name}" Margin="5,0,0,0" />
                    </DataTemplate>
                </TreeViewItem.Resources>
            </TreeViewItem>
        </TreeViewItem>

    </TreeView>

最后,绑定当前选定项的行为,它以各种形式存在于网络周围,因此我不知道它最初来自何处:

代码语言:javascript
运行
复制
public class TreeViewHelper
{
    private static Dictionary<DependencyObject, TreeViewSelectedItemBehavior> behaviors = new Dictionary<DependencyObject, TreeViewSelectedItemBehavior>();

    public static object GetSelectedItem(DependencyObject obj)
    {
        return (object)obj.GetValue(SelectedItemProperty);
    }

    public static void SetSelectedItem(DependencyObject obj, object value)
    {
        obj.SetValue(SelectedItemProperty, value);
    }

    // Using a DependencyProperty as the backing store for SelectedItem.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty SelectedItemProperty =
        DependencyProperty.RegisterAttached("SelectedItem", typeof(object), typeof(TreeViewHelper), new UIPropertyMetadata(null, SelectedItemChanged));

    private static void SelectedItemChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
    {
        if (!(obj is TreeView))
            return;

        if (!behaviors.ContainsKey(obj))
            behaviors.Add(obj, new TreeViewSelectedItemBehavior(obj as TreeView));

        TreeViewSelectedItemBehavior view = behaviors[obj];
        view.ChangeSelectedItem(e.NewValue);
    }

    private class TreeViewSelectedItemBehavior
    {
        TreeView view;
        public TreeViewSelectedItemBehavior(TreeView view)
        {
            this.view = view;
            view.SelectedItemChanged += (sender, e) => SetSelectedItem(view, e.NewValue);
        }

        internal void ChangeSelectedItem(object p)
        {
            TreeViewItem item = (TreeViewItem)view.ItemContainerGenerator.ContainerFromItem(p);
            // item will be null for HierarchicalDataTemplates
            if (item != null)
                item.IsSelected = true;
        }
    }
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34957565

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档