silverlight树形结构区服选择

利用了Silverlight toolkit中的TreeView控件实现了区服选择。

TreeView控件在Silverlight toolkit中，需要去http://silverlight.codeplex.com/ 下载，然后安装，最新版本是5.0的，4.0的也可以下载。

1.引用程序集：System.Windows.Controls.Toolkit.dll

2.新建silverlight子控件页面 childRegionWorld1.xaml

3.在 childRegionWorld1.xaml中的usercontrol 中添加xmlns:toolkit="clrnamespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"

4.放入TreeView控件(完整XAML代码):

< controls:ChildWindow  x:Class ="SilverlightApplication1.ChildRegionWorld1"
           xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
           xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"  
           xmlns:controls ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
           xmlns:toolkit ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"
           Width ="400"  Height ="300"  
           Title ="区服选择" >
     < Grid  x:Name ="LayoutRoot"  Margin ="2" >
         < Grid.RowDefinitions >
             < RowDefinition  />
             < RowDefinition  Height ="Auto"   />
         </ Grid.RowDefinitions >
         < controls:TreeView  x:Name ="tvRegionWorld" >
            
         </ controls:TreeView >
         < Button  x:Name ="CancelButton"  Content ="取消"  Click ="CancelButton_Click"  Width ="75"  Height ="23"  HorizontalAlignment ="Right"  Margin ="0,12,0,0"  Grid.Row ="1"   />
         < Button  x:Name ="OKButton"  Content ="确定"  Click ="OKButton_Click"  Width ="75"  Height ="23"  HorizontalAlignment ="Right"  Margin ="0,12,79,0"  Grid.Row ="1"   />
     </ Grid >
</ controls:ChildWindow >

5.childRegionWorld1.xaml.cs中的代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightApplication1
{

     public  class Region
    {
         public  string RegionID {  get;  set; }
         public  string RegionName {  get;  set; }
    }

     public  class World
    {
         public  string WorldID {  get;  set; }
         public  string WorldName {  get;  set; }
         public  string RegionID {  get;  set; }
    }

     public  partial  class ChildRegionWorld1 : ChildWindow
    {
         public ChildRegionWorld1()
        {
            InitializeComponent();
            FillRegionWorldIntoTreeView();
        }

         private  void FillRegionWorldIntoTreeView()
        {
            IList<Region> regions =  new List<Region> { 
                 new Region(){RegionName= " 一区 ",RegionID= " 1 "},
                 new Region(){RegionName= " 二区 ",RegionID= " 2 "}
            };
            IList<World> worlds =  new List<World> { 
                 new World(){WorldName= " 一服 ",WorldID= " 1 ",RegionID= " 1 "},
                 new World(){WorldName= " 二服 ",WorldID= " 2 ",RegionID= " 1 "},
                 new World(){WorldName= " 一服 ",WorldID= " 1 ",RegionID= " 2 "},
                 new World(){WorldName= " 二服 ",WorldID= " 2 ",RegionID= " 2 "},
                 new World(){WorldName= " 三服 ",WorldID= " 3 ",RegionID= " 2 "}
            };

            tvRegionWorld.Items.Clear();
             foreach (Region r  in regions)
            {
                TreeViewItem item =  new TreeViewItem();
                item.IsExpanded =  true;

                StackPanel hPanel =  new StackPanel();
                hPanel.Orientation = Orientation.Horizontal;
                hPanel.Name =  " sp_ " + r.RegionID;

                CheckBox hCk =  new CheckBox();
                hCk.Click+= new RoutedEventHandler(Region_CheckBox_Click);
                hCk.Name =  " ck_ " + r.RegionID;
                TextBlock hTb =  new TextBlock();
                hTb.Text = r.RegionName;

                hPanel.Children.Add(hCk);
                hPanel.Children.Add(hTb);

                item.Header = hPanel;

                 foreach (World w  in worlds.Where(w=>w.RegionID==r.RegionID))
                {
                    StackPanel iPanel =  new StackPanel();
                    iPanel.Orientation = Orientation.Horizontal;
                    iPanel.Name =  " sp_ " + r.RegionID+ " _ "+w.WorldID;

                    CheckBox iCk =  new CheckBox();
                    iCk.Click +=  new RoutedEventHandler(World_CheckBox_Click);
                    iCk.Name =  " ck_ " + r.RegionID+ " _ "+w.WorldID;
                    TextBlock iTb =  new TextBlock();
                    iTb.Text =w.WorldName;

                    iPanel.Children.Add(iCk);
                    iPanel.Children.Add(iTb);

                    item.Items.Add(iPanel);

                }
                tvRegionWorld.Items.Add(item);
            }

        }

         private  void OKButton_Click( object sender, RoutedEventArgs e)
        {
             this.DialogResult =  true;
        }

         private  void CancelButton_Click( object sender, RoutedEventArgs e)
        {
             this.DialogResult =  false;
        }

         ///   <summary>
         ///  单服选中时，区必须要选中
         ///   </summary>
         ///   <param name="sender"></param>
         ///   <param name="e"></param>
         private  void World_CheckBox_Checked(CheckBox ck)
        {
            StackPanel stackPanel = ck.Parent  as StackPanel;
            TreeViewItem item = GetTreeViewItemFromItems(stackPanel.Name);
            StackPanel panel = item.Header  as StackPanel;
            UIElement uIE = panel.Children.FirstOrDefault();
             if (uIE !=  null)
            {
                CheckBox cb = uIE  as CheckBox;
                cb.IsChecked =  true;
            }
        }

         ///   <summary>
         ///  单服不选中时，如果同区其他服也不选中，那么区就不要选中
         ///   </summary>
         ///   <param name="sender"></param>
         ///   <param name="e"></param>
         private  void World_CheckBox_Unchecked(CheckBox ck)
        {
            
            StackPanel stackPanel = ck.Parent  as StackPanel;
            TreeViewItem item = GetTreeViewItemFromItems(stackPanel.Name);

             bool result =  false;
             foreach ( var c  in item.Items)
            {
                StackPanel p = c  as StackPanel;
                 if (p !=  null && p.Name != stackPanel.Name)
                {
                    CheckBox cb = (p.Children.First())  as CheckBox;
                    result = cb.IsChecked.Value;
                     if (result ==  true)  break;
                }
            }


            StackPanel panel = item.Header  as StackPanel;
            UIElement uIE = panel.Children.FirstOrDefault();
             if (uIE !=  null)
            {
                CheckBox cb = uIE  as CheckBox;
                cb.IsChecked = result;
            }
        }

         ///   <summary>
         ///  区选中时，底下所有的服都选中
         ///   </summary>
         ///   <param name="sender"></param>
         ///   <param name="e"></param>
         private  void Region_CheckBox_Checked(CheckBox ck)
        {
            CheckOrUnCheckWorlds(ck,  true);
        }
         ///   <summary>
         ///  区选不中时，底下所有的服都不选中
         ///   </summary>
         ///   <param name="sender"></param>
         ///   <param name="e"></param>
         private  void Region_CheckBox_Unchecked(CheckBox ck)
        {
            CheckOrUnCheckWorlds(ck,  false);
        }

         private  void CheckOrUnCheckWorlds(CheckBox ck, bool IsCheck)
        {
            StackPanel stackPanel = (ck.Parent)  as StackPanel;
             string spName = stackPanel.Name;

            TreeViewItem treeViewItem = GetTreeViewItemFromHeader(spName);
             if (treeViewItem !=  null)
            {
                 if (treeViewItem.Items.Count >  0)
                {

                     foreach ( var item  in treeViewItem.Items)
                    {
                        StackPanel panel = item  as StackPanel;
                         foreach ( var c  in panel.Children)
                        {
                            CheckBox cb = c  as CheckBox;
                             if (cb !=  null)
                            {
                                cb.IsChecked = IsCheck;
                            }
                        }
                    }
                }

            }
        }

         private TreeViewItem GetTreeViewItemFromHeader( string spName)
        {
             foreach (TreeViewItem item  in tvRegionWorld.Items)
            { 

                StackPanel stackPanel=(item.Header)  as StackPanel;
                 if (stackPanel.Name==spName)
                {
                     return item;
                }
            }
             return  null;
        }

         private TreeViewItem GetTreeViewItemFromItems( string spName)
        {
             foreach (TreeViewItem item  in tvRegionWorld.Items)
            {
                 foreach ( var c  in item.Items)
                {
                    StackPanel stackPanel = c  as StackPanel;
                     if (stackPanel.Name == spName)
                    {
                         return item;
                    }
                }
            }
             return  null;
        }

         private  void World_CheckBox_Click( object sender, RoutedEventArgs e)
        {
            CheckBox ck = sender  as CheckBox;
             if (ck.IsChecked.Value)
            {
                World_CheckBox_Checked(ck);
            }
             else
            {
                World_CheckBox_Unchecked(ck);
            }
        }

         private  void Region_CheckBox_Click( object sender, RoutedEventArgs e)
        {
            CheckBox ck = sender  as CheckBox;
             if (ck.IsChecked.Value)
            {
                Region_CheckBox_Checked(ck);
            }
             else
            {
                Region_CheckBox_Unchecked(ck);
            }
        }
    }
}

7.在MainPage.xaml.cs中写入如下的调用方法：

  private  void Button_Click( object sender, RoutedEventArgs e)
        {
            ChildRegionWorld1 child =  new ChildRegionWorld1();
            child.Closed +=  new EventHandler(child_Closed);
            child.Show();
        }

         void child_Closed( object sender, EventArgs e)
        {
            String str =  "";
            ChildRegionWorld1 child = sender  as ChildRegionWorld1;
             foreach (TreeViewItem item  in child.tvRegionWorld.Items)
            {
                 foreach ( var c  in item.Items)
                {
                    StackPanel panel = c  as StackPanel;
                    CheckBox cb = panel.Children.First()  as CheckBox;
                     if (cb.IsChecked.HasValue && cb.IsChecked.Value)
                    {
                        str +=  string.Format( " {0}, ",cb.Name);
                    }
                }
            }
            MessageBox.Show(str);
        }

具体运行效果解释如下图所示：（点击区时，区下所有的服都会选中，区下所有的服都不选中时，区也不选中，只要有一个服是选中的，区也会选中）