关键词:
【中文标题】Xml 数据到 WPF TreeView 的双向绑定【英文标题】:Two-way binding of Xml data to the WPF TreeView 【发布时间】:2010-09-16 07:46:53 【问题描述】:我正在尝试使用 WPF 作为表示层重写我的ForestPad 应用程序。在 WinForms 中,我以编程方式填充每个节点,但如果可能的话,我想利用 WPF 的数据绑定功能。
一般而言,将 WPF TreeView 双向数据绑定到 Xml 文档的最佳方法是什么?
通用解决方案很好,但作为参考,我尝试绑定的 Xml 文档的结构如下所示:
<?xml version="1.0" encoding="utf-8"?>
<forestPad
guid="6c9325de-dfbe-4878-9d91-1a9f1a7696b0"
created="5/14/2004 1:05:10 AM"
updated="5/14/2004 1:07:41 AM">
<forest
name="A forest node"
guid="b441a196-7468-47c8-a010-7ff83429a37b"
created="01/01/2003 1:00:00 AM"
updated="5/14/2004 1:06:15 AM">
<data>
<![CDATA[A forest node
This is the text of the forest node.]]>
</data>
<tree
name="A tree node"
guid="768eae66-e9df-4999-b950-01fa9be1a5cf"
created="5/14/2004 1:05:38 AM"
updated="5/14/2004 1:06:11 AM">
<data>
<![CDATA[A tree node
This is the text of the tree node.]]>
</data>
<branch
name="A branch node"
guid="be4b0993-d4e4-4249-8aa5-fa9c940ae2be"
created="5/14/2004 1:06:00 AM"
updated="5/14/2004 1:06:24 AM">
<data>
<![CDATA[A branch node
This is the text of the branch node.]]></data>
<leaf
name="A leaf node"
guid="9c76ff4e-3ae2-450e-b1d2-232b687214aa"
created="5/14/2004 1:06:26 AM"
updated="5/14/2004 1:06:38 AM">
<data>
<![CDATA[A leaf node
This is the text of the leaf node.]]>
</data>
</leaf>
</branch>
</tree>
</forest>
</forestPad>
【问题讨论】:
【参考方案1】:好吧,如果你的元素层次结构更像...
<node type="forest">
<node type="tree">
...
...而不是您当前的架构。
按原样,您需要 4 个HierarchicalDataTemplate
s,一个用于包括根在内的每个分层元素,一个DataTemplate
用于leaf
元素:
<Window.Resources>
<HierarchicalDataTemplate
DataType="forestPad"
ItemsSource="Binding XPath=forest">
<TextBlock
Text="a forestpad" />
</HierarchicalDataTemplate>
<HierarchicalDataTemplate
DataType="forest"
ItemsSource="Binding XPath=tree">
<TextBox
Text="Binding XPath=data" />
</HierarchicalDataTemplate>
<HierarchicalDataTemplate
DataType="tree"
ItemsSource="Binding XPath=branch">
<TextBox
Text="Binding XPath=data" />
</HierarchicalDataTemplate>
<HierarchicalDataTemplate
DataType="branch"
ItemsSource="Binding XPath=leaf">
<TextBox
Text="Binding XPath=data" />
</HierarchicalDataTemplate>
<DataTemplate
DataType="leaf">
<TextBox
Text="Binding XPath=data" />
</DataTemplate>
<XmlDataProvider
x:Key="dataxml"
XPath="forestPad" Source="D:\fp.xml">
</XmlDataProvider>
</Window.Resources>
您可以改为以编程方式设置XmlDataProvider
的Source
:
dp = this.FindResource( "dataxml" ) as XmlDataProvider;
dp.Source = new Uri( @"D:\fp.xml" );
此外,重新保存您的编辑就像这样简单:
dp.Document.Save( dp.Source.LocalPath );
TreeView
本身需要一个Name
和一个绑定到XmlDataProvider
的ItemsSource
:
<TreeView
Name="treeview"
ItemsSource="Binding Source=StaticResource dataxml, XPath=.">
在这个示例中,我在每个节点上使用 TextBox
es 进行了 TwoWay
绑定,但是当在单独的单个 TextBox
或其他控件中一次仅编辑一个节点时,您将绑定到TreeView
的当前选中项。您还可以将上面的TextBox
es 更改为TextBlock
s,因为单击TextBox
并不会实际选择相应的TreeViewItem
。
<TextBox
DataContext="Binding ElementName=treeview, Path=SelectedItem"
Text="Binding XPath=data, UpdateSourceTrigger=PropertyChanged"/>
你必须使用两个Binding
s的原因是你不能同时使用Path
和XPath
。
编辑:
Timothy Lee Russell 询问有关将 CDATA 保存到数据元素的问题。首先,介绍一下InnerXml
和InnerText
。
在幕后,XmlDataProvider
使用XmlDocument
,它的树是XmlNodes
。当将诸如“stuff”之类的字符串分配给XmlNode
的InnerXml
属性时,这些标签就是真正的标签。获取或设置InnerXml
时不进行转义,解析为XML。
但是,如果将其分配给InnerText
属性,则尖括号将使用实体 < 进行转义。和>。取回值时会发生相反的情况。实体(如 <)被解析回字符(如
因此,如果我们存储在数据元素中的字符串包含 XML,则实体已被转义,我们需要通过在添加 CDATA 部分作为节点的子节点之前检索InnerText
来撤消它...
XmlDocument doc = dp.Document;
XmlNodeList nodes = doc.SelectNodes( "//data" );
foreach ( XmlNode node in nodes )
string data = node.InnerText;
node.InnerText = "";
XmlCDataSection cdata = doc.CreateCDataSection( data );
node.AppendChild( cdata );
doc.Save( dp.Source.LocalPath );
如果节点已经有一个 CDATA 部分并且值没有以任何方式更改,那么它仍然有一个 CDATA 部分,我们基本上用相同的部分替换它。但是,通过我们的绑定,如果我们更改数据元素内容的值,它会替换 CDATA 以支持转义字符串。然后我们必须修复它们。
【讨论】:
谢谢乔尔,这行得通。一个问题。我用 CDATA 部分围绕数据元素中的内容,以便可以存储 Xml。有没有办法控制 XmlDataProvider 如何写出数据元素? 如果有 XML 作为字符串,它将用实体转义尖括号(它们以 & 开头)。这可以逆转,因为 Document 属性返回一个 XmlDocument。我将在数据元素中编辑并添加用于执行 CDATA 的代码。 太棒了——行得通。对于我正在处理的文档的大小,性能确实很差,但我不会更新每个节点,而是添加一个 IsDirty 标志,并且只更新已编辑的节点。 我也不想要根节点,所以我将 TreeView 的 ItemsSource 中的 XPath 更改为“XPath=forest”而不是“XPath=”。效果很好。 我意识到这是一个非常古老的问答,但是今天这个答案对我帮助很大,所以我想谢谢你。不过,我很好奇,如果 XML 是node
树,如您所建议的,解决方案会有什么不同?【参考方案2】:
我们遇到了类似的问题。您可能会发现阅读 this article 很有帮助。我们使用了所描述的 ViewModel 模式,它简化了一切。
【讨论】:
【参考方案3】:我知道这是一篇旧帖子,但有一个更优雅的解决方案。如果您使用 XPath 表达式来选择您希望模板使用的所有节点,您确实可以使用单个 HierarchicalDataTemplate
:XPath=tree|branch|leaf
。
<HierarchicalDataTemplate x:Key="forestTemplate"
ItemsSource="Binding XPath=tree|branch|leaf">
<TextBlock Text="Binding XPath=data" />
</HierarchicalDataTemplate>
这是一个完整的 Page
示例,其中 XData 嵌入在 XmlDataProvider1
中:
<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Page.Resources>
<XmlDataProvider x:Key="sampleForestPad" XPath="forestPad/forest">
<x:XData>
<forestPad xmlns=""
guid="6c9325de-dfbe-4878-9d91-1a9f1a7696b0"
created="5/14/2004 1:05:10 AM"
updated="5/14/2004 1:07:41 AM">
<forest
name="A forest node"
guid="b441a196-7468-47c8-a010-7ff83429a37b"
created="01/01/2003 1:00:00 AM"
updated="5/14/2004 1:06:15 AM">
<data>
<![CDATA[A forest node
This is the text of the forest node.]]>
</data>
<tree
name="A tree node"
guid="768eae66-e9df-4999-b950-01fa9be1a5cf"
created="5/14/2004 1:05:38 AM"
updated="5/14/2004 1:06:11 AM">
<data>
<![CDATA[A tree node
This is the text of the tree node.]]>
</data>
<branch
name="A branch node"
guid="be4b0993-d4e4-4249-8aa5-fa9c940ae2be"
created="5/14/2004 1:06:00 AM"
updated="5/14/2004 1:06:24 AM">
<data>
<![CDATA[A branch node
This is the text of the branch node.]]></data>
<leaf
name="A leaf node"
guid="9c76ff4e-3ae2-450e-b1d2-232b687214aa"
created="5/14/2004 1:06:26 AM"
updated="5/14/2004 1:06:38 AM">
<data>
<![CDATA[A leaf node
This is the text of the leaf node.]]>
</data>
</leaf>
</branch>
</tree>
</forest>
</forestPad>
</x:XData>
</XmlDataProvider>
<HierarchicalDataTemplate x:Key="forestTemplate"
ItemsSource="Binding XPath=tree|branch|leaf">
<TextBlock Text="Binding XPath=data" />
</HierarchicalDataTemplate>
<Style TargetType="TreeViewItem">
<Setter Property="IsExpanded" Value="True"/>
</Style>
</Page.Resources>
<TreeView ItemsSource="Binding Source=StaticResource sampleForestPad"
ItemTemplate="StaticResource forestTemplate"/>
</Page>
这将呈现为:
【讨论】:
将任何 XML 文档绑定到 WPF TreeView
】将任何XML文档绑定到WPFTreeView【英文标题】:BindAnyXMLdocumenttoWPFTreeView【发布时间】:2010-10-2411:50:31【问题描述】:我想使用TypeConverter。我最初的解决方案是使用递归,但是当文档很大时,UI会被严重占用。以下链接讨论了TypeCo... 查看详情
xml【wpf】的treeviewのサンプル。(代码片段)
wpf中treeview的使用
因为项目中需要用到TreeView控件,由于是第一次在WPF中用到,因此事先在网上搜了很多关于数据绑定的方法介绍,个人经过实际应用,觉得WPF中的HierarchicalDataTemplate定义模板确实好用很多,但是今天在自己的WPF+MVVM项目中使用了... 查看详情
wpf下递归生成树形数据绑定到treeview上(转)(代码片段)
最终效果图:(用于学习类的效果图片丑了点,看官莫怪)新建窗体然后在前端适当位置插入如下代码:<TreeViewx:Name="departmentTree"Height="500"Width="500"><TreeView.ItemTemplate><HierarchicalDataTemplateItemsSource="BindingNodes"& 查看详情
将可观察集合绑定到 WPF 中的 TreeView
】将可观察集合绑定到WPF中的TreeView【英文标题】:BindingobservablecollectiontoaTreeViewinWPF【发布时间】:2020-12-2922:55:42【问题描述】:提前致谢,我想将一个可观察集合绑定到WPF中的TreeView,以便它应该将每个TreeView节点显示为CountryT... 查看详情
WPF双向绑定不起作用
...4-04-1018:49:44【问题描述】:我有一个分配给我的主窗口的数据上下文(UserPreferences),以及一个文本框,它双向绑定到上下文中数据上下文属性(CollectionDevice)中的一个属性。当窗口加载时,文本框不会绑定到我模型中的属性。我在... 查看详情
c#中,如何读取xml文件,并将读取到的内容显示到treeview中
我要通过OpenFileDialog,打开一个XML文件,打开后,显示在treeView上,并且对这个treeview进行操作,比如新增,修改,删除。参考技术A最简单的方式是用DataSet.ReadXml()方法读入XML数据到一个DataTable中,然后把这个DataTable绑顶到你的treeV... 查看详情
wpf怎么使数据和textbox绑定使textbox具有文字追加效果
参考技术A派生一个Observable<string>类,增加一个string属性,拥有INotifyPropertyChanged通知的属性,按下一个,就给这个字符串属性赋值,文本框绑定到这个字符串属性即可 查看详情
WPF TreeView HierarchicalDataTemplate - 绑定到具有多个子集合的对象
】WPFTreeViewHierarchicalDataTemplate-绑定到具有多个子集合的对象【英文标题】:WPFTreeViewHierarchicalDataTemplate-bindingtoobjectwithmultiplechildcollections【发布时间】:2010-12-2702:47:41【问题描述】:我正在尝试获取TreeView来绑定我的集合,以便所... 查看详情
wpf如何将一个treeview绑定到另一个treeview(代码片段)
我正在尝试将TreeViewt2绑定到xaml中的TreeViewt1,如下所示:<Windowx:Class="WpfApp2.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xm 查看详情
Wpf Xaml - TreeView 分层数据模板 - 多个项目源
】WpfXaml-TreeView分层数据模板-多个项目源【英文标题】:WpfXaml-TreeViewHierarchicalDataTemplates-multipleitemsources【发布时间】:2011-07-2212:55:18【问题描述】:我有一个这样的类(描述C#中的类及其字段、方法等):publicclassCSharpTypepublicstri... 查看详情
wpf中treeview控件数据绑定和后台动态添加数据(代码片段)
数据绑定:TreeView数据绑定需要使用层次结构数据模板(HierarchicalDataTemplate)来显示分层数据。XAML代码如下:<TreeViewName="chapterTree"Grid.Column="0"><TreeView.ItemTemplate><HierarchicalDataTemplateItemsSource="BindingPath=ChildNodes"><StackP... 查看详情
WPF Datagrid 到 XML [关闭]
...要一个实际的帮助。我正在尝试在wpf中编写用户可编辑的数据网格。我已经完成了大部分工作,但我坚持将数据网格保存到xml并将其从xml加载到wtf。我会在我的代码上留下一些空白点,用“帮助评论”和一些关于我成功做的事情... 查看详情
WPF TreeView 数据绑定隐藏/显示展开/折叠图标
】WPFTreeView数据绑定隐藏/显示展开/折叠图标【英文标题】:WPFTreeViewdatabindingtohide/showexpand/collapseicon【发布时间】:2011-02-0918:05:12【问题描述】:我实现了一个WPF按需加载树视图,如this(非常好)文章中所述。在上述解决方案中... 查看详情
wpf程序中treeview图标显示不全
我有一个usercontrol控件,里面包含一个treeview控件,其中里面的数据是动态加载的(图片是动态加载到imagelist里面的,然后每一个node都对应一个图片),这个在Form应用程序中没问题,但是放到wpf程序中(即创建一个wpf窗体,将use... 查看详情
WPF MVVM TreeView SelectedItem
】WPFMVVMTreeViewSelectedItem【英文标题】:【发布时间】:2011-11-0112:00:54【问题描述】:这不可能这么难。WPF中的TreeView不允许您设置SelectedItem,表示该属性为ReadOnly。我有TreeView填充,甚至在它的数据绑定集合更改时更新。我只需要... 查看详情
WPF Caliburn Micro TreeView HierarchicalDataTemplate 节点扩展事件
】WPFCaliburnMicroTreeViewHierarchicalDataTemplate节点扩展事件【英文标题】:WPFCaliburnMicroTreeViewHierarchicalDataTemplateNodeExpandedEvent【发布时间】:2013-03-2203:21:46【问题描述】:我高高在上,在这儿砸头太久了。使用MVVM、CaliburnMicro、WPF、XAML... 查看详情
大尺寸 XML 元素到 TreeView 控件
】大尺寸XML元素到TreeView控件【英文标题】:LargesizeXMLelementstoTreeViewcontrol【发布时间】:2013-07-3006:56:58【问题描述】:我正在用XML元素填充TreeView控件。这种方法效果很好。但我的问题是如果XML文件大小达到20MB+,我的应用程序... 查看详情