WPF - 将Teeview绑定到列表

时间:2015-11-19 18:04:20

标签: c# wpf xaml binding treeview

我有以下任务: 创建用户可以通过应用程序UI修改的树 - 添加新项目,删除现有项目。应将TreeView控件绑定到后面的代码中的相应List。

树中的项目是CriteriaItem对象。

public class Subcriteria
{
    public Subcriteria(string header)
    {
        Title = header;
        subcriterias = new ObservableCollection<Subcriteria>();
    }
    public string Title { get; set; }
    public ObservableCollection<Subcriteria> subcriterias { get; set; }
}

public class Criteria
{
    public Criteria(string header)
    {
        Title = header;
        criterias = new ObservableCollection<Subcriteria>();
    }
    public string Title { get; set; }
    public ObservableCollection<Subcriteria> criterias { get; set; }
}


public MainWindow()
{
    InitializeComponent();

    public ObservableCollection<Alternative> _alt = new ObservableCollection<Alternative>();
    Criteria root = new Criteria("root");            
    criteriaBundle.Add(root);
    trvMenu.DataContext = _alt;
    }

XAML:

    <TreeView Name="trvMenu" Grid.Row="2" ItemsSource="{Binding criteriaBundle}">
        <TreeView.ItemTemplate>
            <HierarchicalDataTemplate  ItemsSource="{Binding criterias}">
                <TextBlock Text="{Binding Title}" />
                <HierarchicalDataTemplate.ItemTemplate>
                    <HierarchicalDataTemplate ItemsSource="{Binding subcriterias}">
                        <TextBlock Text="{Binding Title}" />
                        <HierarchicalDataTemplate.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding Path=Title}"/>
                            </DataTemplate>
                        </HierarchicalDataTemplate.ItemTemplate>
                    </HierarchicalDataTemplate>
                </HierarchicalDataTemplate.ItemTemplate>
             </HierarchicalDataTemplate>
        </TreeView.ItemTemplate>          
</TreeView>

但它不起作用。你能帮我约束一下吗?

1 个答案:

答案 0 :(得分:0)

你应该改变你的代码隐藏:

1)如果使用绑定

,则应设置DataContext

2)您只能在绑定中使用属性,而不能使用字段

我个人建议您应该阅读有关绑定basic和MVVM的信息

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;

        criteriaBundle = new ObservableCollection<CriteriaItem> {new CriteriaItem("root")};
    }

    public ObservableCollection<CriteriaItem> criteriaBundle { get; set; }
}

编辑: enter image description here