Question

此问题是this问题的后续问题。我目前的总体目标是根据为{{1}输入的值，以数字升序添加到我的程序TreeViewItem（我的TreeViewItem在运行时添加了子节点） }}

我使用header收到了一个答案，这是一个我并不熟悉的工具，我也被告知可以使用ModelView List来完成此操作。由于我缺乏TreeViewItems的经验，我决定探索List选项。

在我的研究中，我了解到ModelView Lists有点不同，因为你真的不能像TreeViewItems那样引用它们。这使得他们更难以完成工作。我将解释我当前的方法并发布我的代码。请引导我朝着正确的方向前进，并提供编码解决方案的答案。我目前卡在我的array功能上。我在评论中编写了伪代码，用于解释我要对该区域进行的操作。

*注意：我将从单独的窗口添加到treeViewListAdd

现在我的添加TreeViewItem进程包含：

检查输入的项目是否为数字（完成）
TreeViewItem不是数字，if操作（完成）
break - 继续添加子项（完成）
检查重复的儿童（完成）

else

if

（完成）

break - 继续（完成）
创建else List（完成 - 但未实施）
为新子节点（DONE）

TreeViewItem

TVI TreeViewItem是根据header （完成）
传递给尝试按数字顺序添加到textBox的功能（问题区域）
在主窗口（问题区域）

List

我目前的代码：

TreeViewItem

非常感谢你的帮助。我试图表明我一直在研究这个问题并尝试自己能做的一切。

根据要求，这是//OKAY - Add child to TreeViewItem in Main Window private void button2_Click(object sender, RoutedEventArgs e) { //STEP 1: Checks to see if entered text is a numerical value string Str = textBox1.Text.Trim(); double Num; bool isNum = double.TryParse(Str, out Num); //STEP 2: If not numerical value, warn user if (isNum == false) MessageBox.Show("Value must be Numerical"); else //STEP 3: else, continue { //close window this.Close(); //Query for Window1 var mainWindow = Application.Current.Windows .Cast<Window1>() .FirstOrDefault(window => window is Window1) as Window1; //STEP 4: Check for duplicate //declare TreeViewItem from mainWindow TreeViewItem locations = mainWindow.TreeViewItem; //Passes to function -- checks for DUPLICATE locations CheckForDuplicate(locations.Items, textBox1.Text); //STEP 5: if Duplicate exists -- warn user if (isDuplicate == true) MessageBox.Show("Sorry, the number you entered is a duplicate of a current Node, please try again."); else //STEP 6: else -- create child node { //STEP 7 List<TreeViewItem> treeViewList = new List<TreeViewItem>(); //STEP 8: Creates child TreeViewItem for TVI in main window TreeViewItem newLocation = new TreeViewItem(); //STEP 9: Sets Headers for new child nodes newLocation.Header = textBox1.Text; //STEP 10: Pass to function -- adds/sorts List in numerical ascending order treeViewListAdd(ref treeViewList, newLocation); //STEP 11: Add children to TVI in main window //This step will of course need to be changed to add the list //instead of just the child node mainWindow.TreeViewItem.Items.Add(newLocation); } } } //STEP 4: Checks to see whether the header entered is a DUPLICATE private void CheckForDuplicate(ItemCollection treeViewItems, string input) { for (int index = 0; index < treeViewItems.Count; index++) { TreeViewItem item = (TreeViewItem)treeViewItems[index]; string header = item.Header.ToString(); if (header == input) { isDuplicate = true; break; } else isDuplicate = false; } } //STEP 10: Adds to the TreeViewItem list in numerical ascending order private void treeViewListAdd(ref List<TreeViewItem> currentList, TreeViewItem addLocation) { //if there are no TreeViewItems in the list, add the current one if (currentList.Count() == 0) currentList.Add(addLocation); else { //gets the index of the last item in the List int lastItem = currentList.Count() - 1; /* if (value in header > lastItem) currentList.Add(addLocation); else { //iterate through list and add TreeViewItem //where appropriate } **/ } }的结构。从第3级到第3级的所有内容都由用户动态添加......

enter image description here

Answer 1

确定。删除所有代码并从头开始。

1：在WPF中编写一行代码之前，必须先阅读MVVM。

您可以阅读here和here以及here

<Window x:Class="MiscSamples.SortedTreeView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:cmp="clr-namespace:System.ComponentModel;assembly=WindowsBase"
        Title="SortedTreeView" Height="300" Width="300">
    <DockPanel>
        <TextBox Text="{Binding NewValueString}" DockPanel.Dock="Top"/>
        <Button Click="AddNewItem" DockPanel.Dock="Top" Content="Add"/>
        <TreeView ItemsSource="{Binding ItemsView}" SelectedItemChanged="OnSelectedItemChanged">
            <TreeView.ItemTemplate>
                <HierarchicalDataTemplate ItemsSource="{Binding ItemsView}">
                    <TextBlock Text="{Binding Value}"/>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>
        </TreeView>
    </DockPanel>
</Window>

代码背后：

public partial class SortedTreeView : Window
{
    public SortedTreeViewWindowViewModel ViewModel { get { return DataContext as SortedTreeViewWindowViewModel; } set { DataContext = value; } }

    public SortedTreeView()
    {
        InitializeComponent();
        ViewModel = new SortedTreeViewWindowViewModel()
            {
                Items = {new TreeViewModel(1)}
            };
    }

    private void AddNewItem(object sender, RoutedEventArgs e)
    {
        ViewModel.AddNewItem();
    }

    //Added due to limitation of TreeViewItem described in http://stackoverflow.com/questions/1000040/selecteditem-in-a-wpf-treeview
    private void OnSelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
    {
        ViewModel.SelectedItem = e.NewValue as TreeViewModel;
    }
}

2：您可以注意到的第一件事是“守则背后”没有任何意义。它只是将功能委托给名为ViewModel的东西（而不是ModelView，这是一个拼写错误的）

为什么？

因为这是一种更好的方法。期。将应用程序逻辑/业务逻辑和数据分离和从UI分离是任何开发人员都应该做的最好的事情。

那么，ViewModel是关于什么的呢？

3： ViewModel公开包含要在视图中显示的 Data 的Properties，以及包含要运行的逻辑的Methods与数据。

所以它很简单：

public class SortedTreeViewWindowViewModel: PropertyChangedBase
{
    private string _newValueString;
    public int? NewValue { get; set; }

    public string NewValueString
    {
        get { return _newValueString; }
        set
        {
            _newValueString = value;
            int integervalue;

            //If the text is a valid numeric value, use that to create a new node.
            if (int.TryParse(value, out integervalue))
                NewValue = integervalue;
            else
                NewValue = null;

            OnPropertyChanged("NewValueString");
        }
    }

    public TreeViewModel SelectedItem { get; set; }

    public ObservableCollection<TreeViewModel> Items { get; set; }

    public ICollectionView ItemsView { get; set; }

    public SortedTreeViewWindowViewModel()
    {
        Items = new ObservableCollection<TreeViewModel>();
        ItemsView = new ListCollectionView(Items) {SortDescriptions = { new SortDescription("Value",ListSortDirection.Ascending)}};
    }

    public void AddNewItem()
    {
        ObservableCollection<TreeViewModel> targetcollection;

        //Insert the New Node as a Root node if nothing is selected.
        targetcollection = SelectedItem == null ? Items : SelectedItem.Items;

        if (NewValue != null && !targetcollection.Any(x => x.Value == NewValue))
        {
            targetcollection.Add(new TreeViewModel(NewValue.Value));
            NewValueString = string.Empty;    
        }

    }
}

请参阅？ AddNewItem()方法中的5行代码满足您的所有11项要求。没有Header.ToString()的东西，没有任何东西，没有可怕的代码背后的方法。

简单，简单的属性和INotifyPropertyChanged。

排序怎么样？

4：排序由CollectionView执行，它发生在ViewModel级别，而不是View Level。

为什么？

因为数据与UI中的可视化表示是分开的。

5：最后，这是实际的数据项：

public class TreeViewModel: PropertyChangedBase
{
    public int Value { get; set; }

    public ObservableCollection<TreeViewModel> Items { get; set; }

    public CollectionView ItemsView { get; set; }

    public TreeViewModel(int value)
    {
        Items = new ObservableCollection<TreeViewModel>();
        ItemsView = new ListCollectionView(Items)
            {
                SortDescriptions =
                    {
                        new SortDescription("Value",ListSortDirection.Ascending)
                    }
            };
        Value = value;
    }
}

这是保存数据的类，在本例中为int值，因为您只关心数字，因此这是正确的数据类型，然后是ObservableCollection子节点，以及负责排序的CollectionView。

6：每当你在WPF中使用DataBinding时（这对所有这个MVVM都很重要）你需要实现INotifyPropertyChanged，所以这就是PropertyChangedBase类所有ViewModels继承自：

public class PropertyChangedBase:INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        Application.Current.Dispatcher.BeginInvoke((Action) (() =>
                                                                 {
                                                                     PropertyChangedEventHandler handler = PropertyChanged;
                                                                     if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
                                                                 }));
    }
}

如果属性发生变化，您需要通过执行以下操作来通知：

OnPropertyChanged("PropertyName");

，如

OnPropertyChanged("NewValueString");

这就是结果：

enter image description here

只需将我的所有代码复制并粘贴到File -> New Project -> WPF Application中，然后自行查看结果。
如果您需要我澄清任何内容，请告诉我。

在C＃中按数字排序TreeViewItems列表

1 个答案: