Silverlight RadTreeView 控件使用介绍

1、RadTreeView是Telerik公司提供的控件，与之对应的也有SL平台下的控件，使用方法跟Silverlight ToolKit中的TreeView中使用的HierarchicalDataTemplate类似，可以实现多级递归。

2、添加命名空间引用

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

3、添加资源引用

<UserControl.Resources>

<telerik2:HierarchicalDataTemplate x:Key="V_Region" ItemTemplate="{StaticResource V_Site}"
           ItemsSource="{Binding V_Sites}">
            <TextBlock Text="{Binding R_Name}" />
        </telerik2:HierarchicalDataTemplate>

</UserControl.Resources>

3、控件添加

<telerik:RadTreeView x:Name="RadTreeView1"
                                       SelectionMode="Extended" IsLineEnabled="True" IsExpandOnSingleClickEnabled="True"
                        ItemsOptionListType="None" IsOptionElementsEnabled="True"
                        IsRootLinesEnabled="True" IsTriStateMode="True" Selected="RadTreeView1_Selected" FontSize="14.667" Foreground="#FF0A539D" FontFamily="Microsoft YaHei" Canvas.ZIndex="1"
                                       ItemsSource="{Binding SiteTypesDataSource}"
                                       ItemTemplate="{StaticResource V_Region}" Grid.Row="2" Margin="33,6,25,5" />

4、几个类 Item_Collection_distinctBy_VID.cs、V_Site.cs、V_Region.cs，分别如下：

public class Item_Collection_distinctBy_VID : IEqualityComparer<Video>
{
        public bool Equals(Video p1,Video p2)
        {
            if (p1 == null)
                return p2 == null;
            return p1.REGIONNM == p2.REGIONNM;
        }

        public int GetHashCode(Video p)
        {
            if (p == null)
                return 0;
            return p.REGIONNM.GetHashCode();
        }
}

public class V_Site
{
        public V_Site(string name,string code,double lgtd,double lttd)
        {
            this.S_Name = name;
            this.S_Code = code;
            this.S_LGTD = lgtd;
            this.S_LTTD = lttd;
        }
        public string S_Code { get; set; } //站点编码
        public string S_Name { get; set; } //站点名称
        public double S_LGTD { get; set; } //经度
        public double S_LTTD { get; set; } //纬度
}

public class V_Region
{
        public V_Region(string name,string code)
        {
            this.R_Name = name;
            this.R_Code = code;
            this.V_Sites = new ObservableCollection<V_Site>();
        }

        public string R_Name { get; set; } //地区名称
        public string R_Code { get; set; } //地区编码
        public ObservableCollection<V_Site> V_Sites { get; set; } //站点类型
}

5、数据绑定

#region 树状绑定事件，使用LINQ来处理一次性获取的数据，然后绑定到RadTreeView中

public ObservableCollection<V_Region> SiteTypesDataSource { get; set; }

V_Region l;

        /// <summary>
        /// 根据站点类型和地区类型，获取站点信息
        /// </summary>
        /// <param name="type"></param>
        /// <param name="region"></param>
        private void InitializeDataSource()
        {
            this.SiteTypesDataSource = new ObservableCollection<V_Region>();
            getMapDataSoapClient client = new getMapDataSoapClient();
            client.getAllSPSitesCompleted += new EventHandler<getAllSPSitesCompletedEventArgs>(client_getAllSPSitesCompleted);
            client.getAllSPSitesAsync();
        }

        void client_getAllSPSitesCompleted(object sender,getAllSPSitesCompletedEventArgs e)
        {
            ObservableCollection<Video> lists = e.Result;
            var tempSTTP = lists.distinct(new Item_Collection_distinctBy_VID()).ToList(); //不同的地区
            foreach (Video sttp in tempSTTP)
            {
                this.SiteTypesDataSource.Add(l = new V_Region(sttp.REGIONNM,sttp.VIDEOID));
                List<Video> rets = (from li in lists
                                    where li.REGIONNM == sttp.REGIONNM
                                    select li
                                  ).ToList<Video>();
                foreach (Video item in rets)
                {
                    l.V_Sites.Add(new V_Site(item.SITENM,item.VIDEOID,item.LGTD,item.LTTD));
                }
            }
            this.RadTreeView1.ItemsSource = SiteTypesDataSource;
            this.RadTreeView1.ExpandAll();
        }

#endregion

6、点击TreeView节点，进行站点定位聚焦

      //选中时动态绑定
        private void RadTreeView1_Selected(object sender,Telerik.Windows.RadRoutedEventArgs e)
        {
            RadTreeView source = sender as RadTreeView;
            try
            {
                if (source.SelectedItem is MapClient.TreeClass.V_Region)
                {
                    //地区
                    return;
                }
                if (source.SelectedItem is V_Site)
                {
                    //站点
                    V_Site s = source.SelectedItem as V_Site;
                    Graphic g = new Graphic()
                    {
                        Geometry = mercator.FromGeographic(new MapPoint(double.Parse(s.S_LGTD.ToString()),double.Parse(s.S_LTTD.ToString()))),
                        Symbol = LayoutRoot.Resources["DefaultMarkerSymbol"] as Symbol
                    };

ESRI.ArcGIS.Client.Geometry.Envelope selectedFeatureExtent = mercator.ToGeographic(g.Geometry).Extent; //选中点的位置
double expandPercentage = 2;

                    //加数值后，聚焦（这里需要注意，进行地理坐标和墨卡托坐标的转换 2013-01-29 张大伟）
                    double widthExpand = (selectedFeatureExtent.Width + 5) * (expandPercentage / 100);
                    double heightExpand = (selectedFeatureExtent.Height + 5) * (expandPercentage / 100);
                    ESRI.ArcGIS.Client.Geometry.Envelope displayExtent = new Envelope(WKIDConvert.lonlat2mercator(new MapPoint(selectedFeatureExtent.XMin - (widthExpand / 2),selectedFeatureExtent.YMin - (heightExpand / 2))),WKIDConvert.lonlat2mercator(new MapPoint(selectedFeatureExtent.XMax + (widthExpand / 2),selectedFeatureExtent.YMax + (heightExpand / 2))))
                    {
                        SpatialReference = new SpatialReference(102100)
                    };
                    try
                    {
                        //聚焦
                        myMap.ZoomTo(displayExtent);
                        ShowFocus(g);
                    }
                    catch (Exception)
                    {
                    }
                }
            }
            catch (Exception ex)
            {
                return;
            }
        }

7、效果如下图：

Silverlight RadTreeView 控件使用介绍

相关推荐