silverlight TreeView控件 動態加載


Silverlight學習筆記六TreeView控件

這一節是TreeView控件的學習

下面是個例子

1.TreeViewSample.xaml

<UserControl xmlns:sdk="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"  x:Class="Silverlight.Common.View.TreeViewSample"
    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"
    mc:Ignorable="d"
    d:DesignHeight="400" d:DesignWidth="1100">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition  Height="400"/>
            <RowDefinition Height="25"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition  Width="200"/>
            <ColumnDefinition Width="200"/>
            <ColumnDefinition Width="200"/>
        </Grid.ColumnDefinitions>
        <sdk:TreeView >
            <sdk:TreeViewItem Header="TreeViewItem1"></sdk:TreeViewItem>
            <sdk:TreeViewItem Header="TreeViewItem2">
                <sdk:TreeViewItem Header="TreeViewItemA"></sdk:TreeViewItem>
                <sdk:TreeViewItem Header="TreeViewItemB">
                    <sdk:TreeViewItem Header="TreeViewItemC" IsEnabled="False"></sdk:TreeViewItem>
                </sdk:TreeViewItem>
            </sdk:TreeViewItem>
        </sdk:TreeView>

        <sdk:TreeView Grid.Column="1" x:Name="t1">
            <sdk:TreeViewItem Header="TreeViewItem1" x:Name="ti1">
                <Button Content="按鈕1"></Button>
                <TextBox Text="文本框1"></TextBox>
                <CheckBox IsChecked="True"></CheckBox>
            </sdk:TreeViewItem>
            <sdk:TreeViewItem Header="TreeViewItem2"  x:Name="ti2">
                <sdk:TreeViewItem Header="TreeViewItemA">
                    <Button Content="按鈕2"></Button>
                    <TextBox Text="文本框2"></TextBox>
                    <RadioButton IsChecked="True"></RadioButton>
                    <RadioButton ></RadioButton>
                </sdk:TreeViewItem>
                <sdk:TreeViewItem Header="TreeViewItemB">
                    <sdk:TreeViewItem Header="TreeViewItemC" IsEnabled="False"></sdk:TreeViewItem>
                </sdk:TreeViewItem>
            </sdk:TreeViewItem>
        </sdk:TreeView>

        <sdk:TreeView  x:Name="treeView" Grid.Column="2" SelectedItemChanged="treeView_SelectedItemChanged"/>
     
        <TextBlock x:Name="tb1" Text="所選項:" HorizontalAlignment="Right" Grid.Column="1" Grid.Row="1"></TextBlock>
        <ContentControl x:Name="SelectedItem" FontWeight="Bold" Grid.Column="2" Grid.Row="1" VerticalAlignment="Center" />
        <TextBlock x:Name="tb2" Text="所選值:" HorizontalAlignment="Right" Grid.Column="1" Grid.Row="2"></TextBlock>
        <ContentControl x:Name="SelectedValue" FontWeight="Bold" VerticalAlignment="Center"  Grid.Column="2" Grid.Row="2"/>

        <CheckBox x:Name="cbExpandAll" Grid.Column="1" Grid.Row="1"  Content="IsExpand" Checked="cbExpandAll_Checked"></CheckBox>
    </Grid>
</UserControl>

 

2.TreeViewSample.cs

 public partial class TreeViewSample : UserControl
    {
        public TreeViewSample()
        {
            InitializeComponent();

    //動態節點
            this.AddTreeNode(0,null);
        }

        private void treeView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
        {
            TreeView view = sender as TreeView;
        }

        private void cbExpandAll_Checked(object sender, RoutedEventArgs e)
        {
        
                this.ti1.IsExpanded = true;
                this.ti2.IsExpanded = true;
           
        }

        IList<Area> areaList = new Area().DataSource();

    //動態添加節點

        private void AddTreeNode(int parentID, TreeViewItem treeViewItem)
        {
            IList<Area> tree = (from li in areaList
                                where li.ParentID == parentID
                                select li
                                  ).ToList<Area>();

            if (tree.Count > 0)
            {
                foreach (Area area in tree)
                {
                    TreeViewItem objTreeNode = new TreeViewItem();
                    objTreeNode.Header = area.Name;
                    objTreeNode.DataContext = area;
                    objTreeNode.IsExpanded = true;

                    if (treeViewItem == null)
                    {
                        treeView.Items.Add(objTreeNode);
                    }
                    else
                    {
                        treeViewItem.Items.Add(objTreeNode);
                    }
                    AddTreeNode(area.AreaID, objTreeNode);
                }
            }
        }

         }

 

3.實體

 public class Area
    {
        #region AreaID

        /// <summary>
        /// Field:AreaID 地區ID
        /// </summary>
        public virtual int AreaID { get; set; }

        #endregion

        #region ParentID

        /// <summary>
        /// Field:ParentID 父地區ID
        /// </summary>
        public virtual int ParentID { get; set; }

        #endregion

        #region Name

        /// <summary>
        /// Field:Name 地區名
        /// </summary>
        public virtual string Name { get; set; }

        #endregion

        public IList<Area> DataSource()
        {
            IList<Area> list = new List<Area>();

            list.Add(new Area() { AreaID = 1, ParentID = 0, Name = "地球" });
            list.Add(new Area() { AreaID = 2, ParentID = 1, Name = "中國" });
            list.Add(new Area() { AreaID = 3, ParentID = 1, Name = "韓國" });
            list.Add(new Area() { AreaID = 4, ParentID = 1, Name = "美國" });
            list.Add(new Area() { AreaID = 5, ParentID = 2, Name = "北京" });
            list.Add(new Area() { AreaID = 6, ParentID = 2, Name = "上海" });
            list.Add(new Area() { AreaID = 7, ParentID = 2, Name = "山西" });
            list.Add(new Area() { AreaID = 8, ParentID = 7, Name = "太原" });
            list.Add(new Area() { AreaID = 9, ParentID = 7, Name = "忻州" });
            list.Add(new Area() { AreaID = 10, ParentID = 9, Name = "神馳" });
            list.Add(new Area() { AreaID = 11, ParentID = 3, Name = "首爾" });
            list.Add(new Area() { AreaID = 12, ParentID = 3, Name = "釜山" });
            list.Add(new Area() { AreaID = 13, ParentID = 3, Name = "濟州" });
            list.Add(new Area() { AreaID = 14, ParentID = 13, Name = "濟州島" });
            list.Add(new Area() { AreaID = 15, ParentID = 4, Name = "紐約" });

            return list;
        }
    }

注:ContentControl是具有Content屬性控件的父類,它的Content屬性返回它子類的Content值

  IsExpanded是否展開

  SelectedItemChanged是TreeView的一個重要事件,在選擇item時發生。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章