Silverlight TreeView 动态绑定Xml 文件

随着应用程序的不断升级，客户的需求不断增多，程序员不得不对自己的应用程序做出相应的修改，如果修改的内容较多，那么就必须找出一种简便方法，下面就为大家介绍一下在SilverLight 中左边导航栏TreeView 如何动态绑定 Xml 文件中的数据

1、准备工作，首先建立一个TreeViewData.xml文件，代码如下：

<?xml version="1.0" encoding="utf-8" ?> 
<root> 
  <node name="系统管理"> 
    <node name="添加用户"/> 
    <node name="用户管理"/> 
    <node name="修改密码"/> 
    <node name="系统参数"/> 
  </node> 
  <node name="操作管理"> 
    <node name="违法数据录入"/> 
    <node name="违法信息套打" /> 
    <node name="业务办理" /> 
  </node> 
</root>

View Code

2、建立一个TreeViewLoadXmlTest.xaml文件并在其中添加如下代码：

<navigation:Page x:Class="MySilverLight.TreeViewLoadXmlTest"   
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                 xmlns:common="clr-namespace:System.Windows;assembly=System.Windows.Controls" 
                 xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"    
           mc:Ignorable="d" 
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation" 
           d:DesignWidth="640" d:DesignHeight="480" 
           Title="TreeViewLoadXmlTest Page"> 
    <Grid x:Name="LayoutRoot"> 
        <StackPanel Background="#ffc"> 
            <StackPanel.Resources> 
                <common:HierarchicalDataTemplate 
                    x:Key="childTemplate" 
                    ItemsSource="{Binding Path=Children}"> 
                    <StackPanel> 
                        <TextBlock Text="{Binding Path=Title}" 
                                 FontStyle="Italic"/> 
                    </StackPanel> 
                </common:HierarchicalDataTemplate> 
                <common:HierarchicalDataTemplate 
                    x:Key="treeTemplate" 
                    ItemsSource="{Binding Path=Children}" 
                    ItemTemplate="{StaticResource childTemplate}"> 
                    <TextBlock Text="{Binding Path=Title}" 
                               FontWeight="Bold"/> 
                </common:HierarchicalDataTemplate> 
            </StackPanel.Resources> 
            <!--  
                ItemsSource - 数据源  
                ItemTemplate - 指定层级显示数据的模板  
            --> 
            <controls:TreeView x:Name="treeView" Margin="5" 
                ItemsSource="{Binding}"   
                ItemTemplate="{StaticResource treeTemplate}" 
                SelectedItemChanged="treeView_SelectedItemChanged"> 
            </controls:TreeView> 
        </StackPanel> 
    </Grid> 
</navigation:Page>

View Code

值得注意的是，在写代码之前，需要在头部加上这样两句话：

xmlns:common="clr-namespace:System.Windows;assembly=System.Windows.Controls"
                 xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"

View Code

否则，在后面会提示common 和controls出错

3、接下来需要准备一个TreeViewModel.cs类，代码如下：

namespace MySilverLight  
{  
    public class TreeViewModel  
    {  
        public string Title { get; set; }  
        public Uri Address { get; set; }  
        public List<TreeViewModel> Children { get; set; }  
    }  
}

View Code

在此需要引入using System.Collections.Generic;

4、打开后台代码文件TreeViewLoadXmlTest.xaml.cs ,代码如下：

namespace MySilverLight  
{  
    public partial class TreeViewLoadXmlTest : Page  
    {  
        public TreeViewLoadXmlTest()  
        {  
            InitializeComponent();  
            this.Loaded += new RoutedEventHandler(TreeView_Loaded);  
        }  
 
        // 当用户导航到此页面时执行。  
        protected override void OnNavigatedTo(NavigationEventArgs e)  
        {  
        }  
        void TreeView_Loaded(object sender, RoutedEventArgs e)  
        {  
            XElement root = XElement.Load("TreeViewData.xml");  
 
            // 构造带层级关系的数据源（递归方式）  
            var result = LoadData(root);  
 
            treeView.DataContext = result;  
        }  
        private List<TreeViewModel> LoadData(XElement root)  
        {  
            if (root == null)  
                return null;  
 
            var items = from n in root.Elements("node")  
                        select new TreeViewModel  
                        {  
                            Title = (string)n.Attribute("name"),  
                            Children = LoadData(n)  
                        };  
 
            return items.ToList();  
        }  
        private void treeView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)  
        {  
            MessageBox.Show(((TreeViewModel)e.NewValue).Title);  
        }  
    }  
}