1

这个问题是这个问题的后续。我目前的总体目标是TreeViewItem根据TreeViewItem为header.

我收到了一个使用 a 的答案ModelView，这是一个我不太熟悉的工具，我还被告知可以通过使用 a 来List完成TreeViewItems。List由于缺乏经验，我决定探索该选项ModelView。

在我的研究中，我了解到ListsofTreeViewItems有点不同，因为你真的不能像array. 这使他们更难与他们合作。我将解释我当前的方法并发布我的代码。请引导我朝着正确的方向前进，并提供编码解决方案的答案。我目前被困在我的treeViewListAdd功能上。我已经在评论中写了伪代码，说明我想在该区域做什么。

*注意：我TreeViewItem从一个单独的窗口添加到我的

现在我的添加TreeViewItem过程包括：

  1. 检查输入的项目是否为数字（完成）
  2. if非数字，break操作（完成）
  3. else-- 继续添加子项(DONE)
  4. 检查重复的孩子（完成）
  5. if发现重复break操作（DONE）
  6. else-- 继续（完成）
  7. 创建List（TreeViewItem 完成——但未实施）
  8. TreeViewItem为新的子节点创建（完成）
  9. TVI从(DONE)header中的用户文本设置textBox
  10. 传递给试图添加到List数字顺序的函数（问题区域）
  11. 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
            }
            **/
        }
}

非常感谢您的帮助。我试图表明我一直在努力，并尽我所能尝试一切。

根据要求，这是我的TreeView. 从第 3 级及以下的所有内容都由用户动态添加...

在此处输入图像描述

4

1 回答 1

6

行。删除所有代码并重新开始。

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

你可以在这里、这里和这里阅读它

<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 暴露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 级别。

为什么？

因为数据与它在 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;
    }
}

这是保存数据的类，在本例中是一个intValue，因为您只关心数字，所以这是正确的数据类型，然后是ObservableCollection保存子节点的类，再次CollectionView是负责排序的类.

6：每当您在 WPF 中使用 DataBinding（这对于所有这些 MVVM 事物都是必不可少的）时，您都需要实现INotifyPropertyChanged，所以这是PropertyChangedBaseAll 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");

这是结果：

在此处输入图像描述

  • 只需将我所有的代码复制并粘贴到 a 中File -> New Project -> WPF Application，然后自己查看结果。

  • 如果您需要我澄清任何事情，请告诉我。

于 2013-07-30T16:09:07.763 回答