【发布时间】：2015-11-11 06:51:58
【问题描述】：
我目前正在构建一个 XML 编辑器，现在我想实现同时打开和编辑多个 XML 文件的功能。每个文件都应由 TabControl 中的选项卡表示，而选项卡的内容显示 XML 结构的分层 TreeView。
由于我绝不是 XAML 数据绑定方面的专家，我无法从我已经实现的视图模型对象中填充树视图。
我的窗口：
public partial class EditorWindow : Window
{
private ObservableCollection<FileTab> tabList;
public EditorWindow()
{
InitializeComponent();
xsdManager = null;
tabList = new ObservableCollection<FileTab>();
editorWindow.DataContext = tabList;
tabControl.ItemsSource = tabList;
FileTab pt = new FileTab(@"C:\Users\User\Documents\Test.xml");
tabList.Add(pt);
refreshTabControl();
}
private void OpenButtonClick(object sender, RoutedEventArgs e)
{
OpenFileDialog fileDialog = new OpenFileDialog();
fileDialog.DefaultExt = ".xml";
fileDialog.Filter = "XML files (.xml)|*.xml";
Nullable<bool> result = fileDialog.ShowDialog();
if (result == true)
{
string filename = fileDialog.FileName;
Console.WriteLine("MainWindow.SchemaButtonClick:: " + filename);
tabList.Add(new FileTab(filename));
Console.WriteLine("New Tab: " + Path.GetFileName(filename));
refreshTabControl();
}
}
private void refreshTabControl()
{
tabControl.Items.Refresh();
}
}
我的窗口 XAML：
<Window x:Class="XmlTool.EditorWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:XmlTool"
Title="EditorWindow" Height="300" Width="300" Name="editorWindow">
<StackPanel>
<Button Click="OpenButtonClick">Open XML</Button>
<TabControl Name="tabControl" ItemsSource="{Binding tabList}" Height="200">
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding header}" />
</DataTemplate>
</TabControl.ItemTemplate>
<TabControl.ContentTemplate>
<DataTemplate>
<TreeView Name="xmlTreeView">
<TreeView.ItemTemplate>
<HierarchicalDataTemplate ItemsSource="{Binding treeRoot}" DataType="{x:Type local:XElementViewModel}">
<Label Name="elementNameLabel" Content="{Binding ElementName=treeRoot, Path=name}"/>
</HierarchicalDataTemplate>
</TreeView.ItemTemplate>
</TreeView>
</DataTemplate>
</TabControl.ContentTemplate>
</TabControl>
</StackPanel>
</Window>
XElementViewModel 类是 XElement 的视图模型，包含 XElementViewmodel 对象列表中的所有子元素。
类 FileTab：
class FileTab
{
public string header { get; set; }
public XElementViewModel treeRoot { get; set; }
public FileTab()
{
header = "Default tab";
treeRoot = new XElementViewModel(@"C:\Users\User\Documents\ExampleXMLs\Test.xml");
}
public FileTab(string path)
{
header = Path.GetFileName(path);
Console.WriteLine("ProjectTab: header = " + header);
treeRoot = new XElementViewModel(path);
Console.WriteLine("ProjectTab: treeRoot.name = " + treeRoot.name);
}
}
当前代码正确地添加了命名为已打开文件的新选项卡，但它根本不显示 Treeview。正如我所说，我不擅长数据绑定，所以任何关于这方面的建议都会有所帮助！
【问题讨论】：
-
您的 treeView 需要将其 ItemsSource 设置为“treeRoot”。但这只是问题的开始——您需要为 XElementViewModel 包含的每次创建一个分层数据模板。在每一个中，您都可以通过 ItemsSource 属性指定如何查找子节点。
-
要获取有关正在发生的事情的更多信息，您可以使用Snoop 之类的应用程序，这样您就可以查看窗口的结构并确定您的树视图是否存在，但是否存在不可见/大小为 0,0。