开发者社区> 杨俊明> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Silverlight Telerik控件学习：TreeView数据绑定并初始化选中状态、PanelBar的Accordion效果、TabPanel、Frame基本使用

2011-05-19 952

简介： 实际开发中控件的数据源肯定是动态绑定的，不可能在xaml里写死item项。既然要绑定，就先来几个实体类： 上面是类图，各类的代码如下:  BusinessBaseObject using System.
+关注继续查看
实际开发中控件的数据源肯定是动态绑定的，不可能在xaml里写死item项。既然要绑定，就先来几个实体类：
img_0116180dc39bc362872b236cb2f889d8.png
上面是类图，各类的代码如下:
 BusinessBaseObject
using System.ComponentModel;
namespace BusinessObject
{
    public class BusinessBaseObject : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        /// <summary>
        /// 属性改变时触发事件
        /// </summary>
        /// <param name="propertyName">Property that changed.</param>
        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (null != handler)
            {
                handler.Invoke(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}
SelectedItemBase
using System.Collections.ObjectModel;
using System.Windows.Markup;
namespace BusinessObject
{
    [ContentProperty("Children")]//指示Children属性是 XAML 的Content内容属性
    public class SelectedItemBase:BusinessBaseObject
    {
        public SelectedItemBase() 
        {
            Children = new Collection<SelectedItemBase>();
            IsSelected = true;
        }

        /// <summary>
        /// 得到下级元素容器
        /// </summary>
        public Collection<SelectedItemBase> Children { get; private set; }

        /// <summary>
        /// 是否有子项
        /// </summary>
        public bool HasChild
        {
            get
            {
                return Children.Count > 0;
            }
        }

        /// <summary>
        /// 是否选中
        /// </summary>
        private bool? _isSelected;

        /// <summary>
        /// 是否被选中
        /// </summary>
        public bool? IsSelected
        {
            get
            {
                return _isSelected;
            }
            set
            {
                if (value != _isSelected)
                {
                    _isSelected = value;
                    OnPropertyChanged("IsSelected");
                }
            }
        }
    }
}
NodeItem 主要用于treeview中的节点数据展示
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Windows.Markup;

namespace BusinessObject
{
    /// <summary>
    /// 地区数据项
    /// </summary>
    public class NodeItem : SelectedItemBase
    {
        /// <summary>
        /// 构造函数
        /// </summary>
        public NodeItem()
        {
            Text = "";
            Value = "";
            Description = "";
            ImageUri = "/Common.Silverlight.Resource;component/img/Book.png";
        }

        /// <summary>
        /// 节点文本
        /// </summary>
        public string Text { get; set; }

        /// <summary>
        /// 节点值
        /// </summary>
        public string Value { set; get; }

        /// <summary>
        /// 节点描述
        /// </summary>
        public string Description { get; set; }     

        /// <summary>
        /// 节点图象
        /// </summary>
        public string ImageUri { get; set; }       

        
    }
}
MenuItem 主要用于菜单项展示
namespace BusinessObject
{
    public class MenuItem:NodeItem
    {
        public MenuItem() 
        {
            NavigateUri = "";
            ImageUri = "/Common.Silverlight.Resource;component/img/Book_Open.png";
        }

        /// <summary>
        /// 菜单点击后的链接地址
        /// </summary>
        public string NavigateUri { set; get; }
    }
}
SampleData生成示例数据集合
using System.Collections.ObjectModel;

namespace BusinessObject
{
    public class SampleData
    {
        private static ObservableCollection<NodeItem> _samplePlaceItemCollection;
        private static ObservableCollection<MenuItem> _sampleMenuItemCollection;

        public SampleData() { }

        static SampleData()
        {
            #region 地区演示数据
            _samplePlaceItemCollection = new ObservableCollection<NodeItem>();

            NodeItem ShangHai = new NodeItem() { Text = "上海市", IsSelected = false, ImageUri = "/Common.Silverlight.Resource;component/img/Home.png" };
            ShangHai.Children.Add(new NodeItem() { Text = "黄浦区", IsSelected = false });
            ShangHai.Children.Add(new NodeItem() { Text = "闵行区", IsSelected = false });
            ShangHai.Children.Add(new NodeItem() { Text = "徐汇区", IsSelected = false });

            NodeItem HuBei = new NodeItem() { Text = "湖北省", IsSelected = null, ImageUri = "/Common.Silverlight.Resource;component/img/Book_Open.png" };
            NodeItem WuHan = new NodeItem() { Text = "武汉市", ImageUri = "/Common.Silverlight.Resource;component/img/MSN.png" };
            WuHan.Children.Add(new NodeItem() { Text = "汉口区" });
            WuHan.Children.Add(new NodeItem() { Text = "汉阳区" });
            WuHan.Children.Add(new NodeItem() { Text = "武昌区", IsSelected = false, ImageUri = "/Common.Silverlight.Resource;component/img/Computer.png" });
            HuBei.Children.Add(WuHan);

            HuBei.Children.Add(new NodeItem() { Text = "孝感市" });


            _samplePlaceItemCollection.Add(ShangHai);
            _samplePlaceItemCollection.Add(HuBei);
            #endregion


            #region
            _sampleMenuItemCollection = new ObservableCollection<MenuItem>();
            MenuItem itemBasic = new MenuItem() { Text = "基础数据", IsSelected = true, ImageUri = "/Common.Silverlight.Resource;component/img/Computer.png" };
            itemBasic.Children.Add(new MenuItem() { Text = "部门管理", NavigateUri="Basic/Department.xap" });
            itemBasic.Children.Add(new MenuItem() { Text = "员工管理", NavigateUri="Basic/Employee.xap"  });
            itemBasic.Children.Add(new MenuItem() { Text = "menu001", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemBasic.Children.Add(new MenuItem() { Text = "menu002", NavigateUri = "Plan/FFM.xap" });
            itemBasic.Children.Add(new MenuItem() { Text = "menu003", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemBasic.Children.Add(new MenuItem() { Text = "menu004", NavigateUri = "Plan/FFM.xap" });
            itemBasic.Children.Add(new MenuItem() { Text = "menu005", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemBasic.Children.Add(new MenuItem() { Text = "menu006", NavigateUri = "Plan/FFM.xap" });
            itemBasic.Children.Add(new MenuItem() { Text = "menu007", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemBasic.Children.Add(new MenuItem() { Text = "menu008", NavigateUri = "Plan/FFM.xap" });


            MenuItem itemMsg = new MenuItem() { Text = "报文管理", IsSelected=false, ImageUri = "/Common.Silverlight.Resource;component/img/Home.png" };
            itemMsg.Children.Add(new MenuItem() { Text = "FFM报文计划", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemMsg.Children.Add(new MenuItem() { Text = "FSU报文计划", NavigateUri = "Plan/FFM.xap" });
            itemMsg.Children.Add(new MenuItem() { Text = "menu001", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemMsg.Children.Add(new MenuItem() { Text = "menu002", NavigateUri = "Plan/FFM.xap" });
            itemMsg.Children.Add(new MenuItem() { Text = "menu003", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemMsg.Children.Add(new MenuItem() { Text = "menu004", NavigateUri = "Plan/FFM.xap" });
            itemMsg.Children.Add(new MenuItem() { Text = "menu005", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemMsg.Children.Add(new MenuItem() { Text = "menu006", NavigateUri = "Plan/FFM.xap" });
            itemMsg.Children.Add(new MenuItem() { Text = "menu007", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemMsg.Children.Add(new MenuItem() { Text = "menu008", NavigateUri = "Plan/FFM.xap" });


            MenuItem itemOther = new MenuItem() { Text = "系统管理", IsSelected=false, ImageUri = "/Common.Silverlight.Resource;component/img/MSN.png" };
            itemOther.Children.Add(new MenuItem() { Text = "系统日志", NavigateUri = "Event/FFM.xap" });
            itemOther.Children.Add(new MenuItem() { Text = "退出登录", NavigateUri = "Plan/MSN.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemOther.Children.Add(new MenuItem() { Text = "menu001", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemOther.Children.Add(new MenuItem() { Text = "menu002", NavigateUri = "Plan/FFM.xap" });
            itemOther.Children.Add(new MenuItem() { Text = "menu003", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemOther.Children.Add(new MenuItem() { Text = "menu004", NavigateUri = "Plan/FFM.xap" });
            itemOther.Children.Add(new MenuItem() { Text = "menu005", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemOther.Children.Add(new MenuItem() { Text = "menu006", NavigateUri = "Plan/FFM.xap" });
            itemOther.Children.Add(new MenuItem() { Text = "menu007", NavigateUri = "Plan/FFM.xap", ImageUri = "/Common.Silverlight.Resource;component/img/Book.png" });
            itemOther.Children.Add(new MenuItem() { Text = "menu008", NavigateUri = "Plan/FFM.xap" });

            _sampleMenuItemCollection.Add(itemBasic);
            _sampleMenuItemCollection.Add(itemMsg);
            _sampleMenuItemCollection.Add(itemOther);
            #endregion
        }

        public static ObservableCollection<NodeItem> SamplePlaceItemCollection
        {
            get { return _samplePlaceItemCollection; }
        }

        public static ObservableCollection<MenuItem> SampleMenuItemCollection 
        {
            get { return _sampleMenuItemCollection; }
        }
    }
}
TreeView、ContextMenu
为了将NoteItem中的IsSelected属性在绑定时自动转换成CheckBox的CheckState，需要写一个转换器
using System;
using System.Windows.Automation;
using System.Windows.Data;

namespace Common.Silverlight
{
    public class BooleanToCheckStateConvertor : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            bool? isSelected = (bool?)value;
            ToggleState result = ToggleState.Off;

            if (isSelected.HasValue == false) 
            {
                result = ToggleState.Indeterminate;
            }
            else if (isSelected.Value) 
            {
                result = ToggleState.On;
            }
            return result;
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            ToggleState state = (ToggleState)value;

            bool? result = null;

            switch (state)
            {
                case ToggleState.Indeterminate:
                    result = null;
                    break;
                case ToggleState.Off:
                    result = false;
                    break;
                case ToggleState.On:
                    result = true;
                    break;
                default:
                    break;
            }

            return result;
        }
    }
}
 
然后需要定义数据模板，如果需要右键弹出菜单，也一并加在里面
<UserControl x:Class="Telerik.Sample.TreeView"
    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"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" 
    xmlns:model="clr-namespace:BusinessObject;assembly=BusinessObject"
    xmlns:common="clr-namespace:Common.Silverlight;assembly=Common.Silverlight"   
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

    <Grid x:Name="LayoutRoot" Background="White">

        <Grid.Resources>

            <telerik:ContainerBindingCollection x:Name="BindingsCollection">
                <!--用于将节点的选中状态，与数据项的IsSelected绑定-->
                <telerik:ContainerBinding PropertyName="CheckState" Binding="{Binding IsSelected,Converter={StaticResource BooleanToCheckStateConvertor}, Mode=TwoWay}" />
                <!--将节点图象与数据项的ImageUri绑定-->
                <telerik:ContainerBinding PropertyName="DefaultImageSrc" Binding="{Binding ImageUri}" />
            </telerik:ContainerBindingCollection>


            <!--数据节点模板-->
            <DataTemplate x:Key="NodeTemplate" telerik:ContainerBinding.ContainerBindings="{StaticResource BindingsCollection}">
                <TextBlock Text="{Binding Text}" />
            </DataTemplate>

            <!--子节点模板-->
            <telerik:HierarchicalDataTemplate x:Key="ChildTemplate" ItemTemplate="{StaticResource NodeTemplate}"
          ItemsSource="{Binding Children}" telerik:ContainerBinding.ContainerBindings="{StaticResource BindingsCollection}">
                <TextBlock Text="{Binding Text}" />
            </telerik:HierarchicalDataTemplate>

            <!--父节点模板-->
            <telerik:HierarchicalDataTemplate x:Key="ParentTemplate" ItemTemplate="{StaticResource ChildTemplate}"
          ItemsSource="{Binding Children}"  telerik:ContainerBinding.ContainerBindings="{StaticResource BindingsCollection}">
                <TextBlock Text="{Binding Text}" />
            </telerik:HierarchicalDataTemplate>
        </Grid.Resources>

        <telerik:RadTreeView
      ItemsSource="{Binding Source={StaticResource SampleDataSource}, Path=SamplePlaceItemCollection}"
      ItemTemplate="{StaticResource ParentTemplate}" SelectionMode="Extended" IsLineEnabled="True" ItemsOptionListType="CheckList"  IsOptionElementsEnabled="True" IsRootLinesEnabled="True" IsTriStateMode="True" Margin="10">
            <telerik:RadTreeView.ItemContainerStyle>
                <Style TargetType="telerik:RadTreeViewItem">
                    <!--默认全展开-->
                    <Setter Property="IsExpanded" Value="True"/>
                </Style>
            </telerik:RadTreeView.ItemContainerStyle>

            <!--右键弹出菜单-->
            <telerik:RadContextMenu.ContextMenu>
                <telerik:RadContextMenu x:Name="ContextMenu1" ItemClick="ContextMenuClick"
                        Opened="ContextMenuOpened">
                    <telerik:RadMenuItem Header="添加" Tag="Add" />
                    <telerik:RadMenuItem Header="删除" Tag="Delete" />
                    <telerik:RadMenuItem Header="修改" Tag="Edit" />
                    <telerik:RadMenuItem IsSeparator="True" />
                    <telerik:RadMenuItem Header="设置菜单权限" Tag="MenuRight" />
                    <telerik:RadMenuItem Header="设置数据范围" Tag="DataRange" />
                </telerik:RadContextMenu>
            </telerik:RadContextMenu.ContextMenu>

        </telerik:RadTreeView>



    </Grid>
</UserControl>
这里面用到了几个资源，定义在全局App.Xaml里
<Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             x:Class="Telerik.App"
             xmlns:model ="clr-namespace:BusinessObject;assembly=BusinessObject"
             xmlns:common ="clr-namespace:Common.Silverlight;assembly=Common.Silverlight"
             >
    <Application.Resources>        
        <!--示例数据源-->
        <model:SampleData x:Key="SampleDataSource"></model:SampleData>     
        <!--转换器：用于bool?转换成CheckBox的三种选中状态-->
        <common:BooleanToCheckStateConvertor x:Key="BooleanToCheckStateConvertor"></common:BooleanToCheckStateConvertor>
    </Application.Resources>
</Application>
右键弹出菜单点击后，我们需要知道是在哪个节点上弹出的，以及我们选择了哪个菜单项，需要一些后端处理代码
using System.Windows;
using System.Windows.Controls;
using BusinessObject;
using Telerik.Windows.Controls;

namespace Telerik.Sample
{
    public partial class TreeView : UserControl
    {
        NodeItem selectedNodeItem = null;

        public TreeView()
        {
            InitializeComponent();

            this.Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            //this.RadTreeView1.ItemsSource = SampleData.SamplePlaceItemCollection;
        }

        /// <summary>
        /// 菜单弹出后，点击具体菜单项时触发
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void ContextMenuClick(object sender, Windows.RadRoutedEventArgs e)
        {
            var origin_src = e.OriginalSource as RadMenuItem;           
           
            //反馈操作结果
            DialogParameters pars = new DialogParameters();            
            pars.Header = "信息";
            pars.Content = string.Format("你选择的菜单是：\n{0}，{1}\n\n当前节点为：{2}\n{3}", origin_src.Header.ToString(), origin_src.Tag.ToString(), selectedNodeItem.Text,selectedNodeItem.ImageUri);
            RadWindow.Alert(pars);

            selectedNodeItem = null;
        }

        /// <summary>
        /// 菜单弹出时触发
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void ContextMenuOpened(object sender, RoutedEventArgs e)
        {
            RadTreeViewItem item = this.ContextMenu1.GetClickedElement<RadTreeViewItem>();
            if (item != null) 
            {
                selectedNodeItem = item.DataContext as NodeItem;
            }

        }
    }
}
 
 运行效果图：
img_79f56bb89f012515a3b54e61e2b6fe7d.png
选择一个弹出菜单项后的效果:
img_904d6dbd3355036b12b1f276da33755d.png

PanelBar的Accordion效果
<UserControl x:Class="Telerik.Sample.Accordion"
    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"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" 
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

    <Grid>      
        
        <Grid.Resources>

            <telerik:ContainerBindingCollection x:Name="BindingsCollection">
                <!--用于将工作间组的展开状态，与数据项的IsSelected绑定-->
                <telerik:ContainerBinding PropertyName="IsExpanded" Binding="{Binding IsSelected, Mode=TwoWay}" />              
            </telerik:ContainerBindingCollection>
            
           <!--菜单项模板-->
            <telerik:HierarchicalDataTemplate x:Key="ChildTemplate">
                <StackPanel>
                    <Image Source="{Binding ImageUri}" Width="48" Height="48"></Image>
                    <TextBlock Text="{Binding Text}" Margin="0,5,0,0" TextAlignment="Center"></TextBlock>
                </StackPanel>
            </telerik:HierarchicalDataTemplate>
            
            <!--菜单组模板-->
            <telerik:HierarchicalDataTemplate x:Key="ParentTemplate" ItemTemplate="{StaticResource ChildTemplate}" ItemsSource="{Binding Children}" telerik:ContainerBinding.ContainerBindings="{StaticResource BindingsCollection}">
                <StackPanel Orientation="Horizontal">
                    <Image Source="{Binding ImageUri}" Width="24" Height="24" Margin="5,0,5,0"></Image>
                    <TextBlock Text="{Binding Text}" Margin="0,2,0,0" FontSize="14" FontWeight="Bold"></TextBlock>
                </StackPanel>
            </telerik:HierarchicalDataTemplate>
        </Grid.Resources>
        
        <telerik:RadPanelBar Background="White" Orientation="Vertical"
                VerticalAlignment="Top" HorizontalAlignment="Left" ExpandMode="Single" Width="150" ItemTemplate="{StaticResource ParentTemplate}" ItemsSource="{Binding Source={StaticResource SampleDataSource}, Path=SampleMenuItemCollection}">
            <!--<telerik:RadPanelBarItem  IsExpanded="True" Header="基础数据" >            	        
                <StackPanel>
                   <telerik:RadButton Margin="0,3">
                        <StackPanel>
                            <Image Source="/Common.Silverlight.Resource;component/img/Book.png" Width="64" Height="64" ></Image>
                            <TextBlock TextAlignment="Center">部门管理</TextBlock>
                        </StackPanel>
                    </telerik:RadButton>
                      <telerik:RadButton Margin="0,3">
                        <StackPanel>
                            <Image Source="/Common.Silverlight.Resource;component/img/Book_Open.png" Width="64" Height="64" ></Image>
                            <TextBlock TextAlignment="Center" Text="adfasdfasdf"/>
                        </StackPanel>
                    </telerik:RadButton>
                </StackPanel>
            </telerik:RadPanelBarItem>
            <telerik:RadPanelBarItem Header="报文管理">
                <StackPanel>
                    <telerik:RadButton Content="FFM报文计划"  />
                    <telerik:RadButton Content="FSU报文计划" />
                </StackPanel>
            </telerik:RadPanelBarItem>-->
        </telerik:RadPanelBar>
    </Grid>


</UserControl>
运行时截图：
img_71ed2ff606280d7ea9ff0f9cd66bb163.png

TabPanel+Frame
为了节省空间，将多个界面以Tab标签页方式整合在一起是常见的用法，每个标签页的内容通常是实例化一个单独的Xaml模块，可以考虑每个标签页的内容以Frame形式嵌入一个xaml
<UserControl 
    x:Class="Telerik.SampleIndex"
    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"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" 
     xmlns:local="clr-namespace:Telerik.Sample" 
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation">

    <Grid >       
        <telerik:RadTabControl 
				DisplayMemberPath="Content"  ScrollMode="Viewport"
				BorderThickness="0">
            <telerik:RadTabItem Header="测试Tab" IsSelected="True">
                <telerik:RadTabItem.Content>
                    <telerik:RadTreeView  IsLineEnabled="True" ItemsOptionListType="CheckList"  IsOptionElementsEnabled="True">
                        <telerik:RadTreeViewItem Header="中国航信" IsExpanded="True" DefaultImageSrc="/Common.Silverlight.Resource;component/img/Book_Open.png" >
                            <telerik:RadTreeViewItem Header="天信达"  DefaultImageSrc="/Common.Silverlight.Resource;component/img/Book.png">
                            </telerik:RadTreeViewItem>                            
                        </telerik:RadTreeViewItem>
                    </telerik:RadTreeView>
                </telerik:RadTabItem.Content>
            </telerik:RadTabItem>
            <telerik:RadTabItem Header="TreeView">               
                <telerik:RadTabItem.Content>
                    <telerik:RadFrame HorizontalAlignment="Left"  x:Name="radFrame1" VerticalAlignment="Top" >
                        <local:TreeView/>
                    </telerik:RadFrame>
                </telerik:RadTabItem.Content>
            </telerik:RadTabItem>
            <telerik:RadTabItem Header="Accordion">               
                <telerik:RadTabItem.Content>
                    <telerik:RadFrame HorizontalAlignment="Left"  x:Name="radFrame2" VerticalAlignment="Top" >
                        <local:Accordion/>
                    </telerik:RadFrame>
                </telerik:RadTabItem.Content>
            </telerik:RadTabItem>           
        </telerik:RadTabControl>
    </Grid>

</UserControl>

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

springmvc web项目.xml svn修改包名提交date extjs实现分页webapi数据 重启sshd space device app cert公钥证书
开发者社区 > 云计算 > 文章
作者高分内容
更多
jdk 10.0.2 bug修复 1380 spring cloud: 使用consul来替换config server 4773 spring cloud: 使用consul来替换eureka 3590 jdk9+版本的bug 1195 用spring boot 2从零开始创建区块链 1543
相关文章
杰克.陈
WPF 实现跑马灯效果的Label控件，数据绑定方式实现
原文:WPF 实现跑马灯效果的Label控件，数据绑定方式实现 项目中需要使用数据绑定的方式实现跑马灯效果的Label，故重构了Label控件；具体代码如下 using System; using System.
1191 0
杰克.陈
WPF 自定义IconButton
原文:WPF 自定义IconButton 自定义一个按钮控件 按钮控件很简单，我们在项目中有时把样式封装起来，添加依赖属性，也是为了统一。 这里举例，单纯的图标控件怎么设置 1、UserControl界面样式 ...
847 0
杰克.陈
MVVM里绑定TreeView控件的SelectedItem
原文:MVVM里绑定TreeView控件的SelectedItem 来源：http://stackoverflow.com/questions/9143107/get-selected-treeviewitem-using-mv...
591 0
史迪奇abc
用uGUI开发自定义Toggle Slider控件
1409 0
技术小胖子
Silverlight之Button控件简单自定义
588 0
吞吞吐吐的
SilverLight：基础控件使用（5）-TreeView控件-基本使用
805 0
吞吞吐吐的
SilverLight：基础控件使用（2）-ComboBox,ListBox控件
797 0
操张林
kendo ui grid选中行事件，获取combobox选择的值
背景：   以前用 telerik ui做的grid现在又要换成kendo ui，不过说句实话kendo ui真的比telerik好多，可以说超级升级改头换面。当然用的mvc的辅助方法，以前的telerik ui 选中行的事件是 .OnRowSelect("SelectRow”) ，换成kendo ui 选中行的事件是   .Events(p=>p.Change("SelectRow")) 实现： kendo ui  grid 选中行的事件是  .Events(p=>p.Change("SelectRow"))  。
1288 0
杰克.陈
WPF自定义控件与样式(9)-树控件TreeView与菜单Menu-ContextMenu
原文:WPF自定义控件与样式(9)-树控件TreeView与菜单Menu-ContextMenu 一．前言 　　申明：WPF自定义控件与样式是一个系列文章，前后是有些关联的，但大多是按照由简到繁的顺序逐步发布的等，若有不明白的地方可以参考本系列前面的文章，文末附有部分文章链接。
1588 0
杨俊明
Silverlight Telerik控件学习：带CheckBox复选框的树形TreeView控件
在web开发中，带checkbox的tree是一个很有用的东东，比如权限选择、分类管理，如果不用sl，单纯用js+css实现是很复杂的，有了SL之后，就变得很轻松了 解决方案一： 利用Silvelright ToolKit(微软的开源项目)，项目地址http://silverlight.
845 0
+关注
杨俊明
菩提树下的杨过 http://yjmyzz.cnblogs.com/
文章
问答
作者高分内容
更多
jdk 10.0.2 bug修复 1380 spring cloud: 使用consul来替换config server 4773 spring cloud: 使用consul来替换eureka 3590 jdk9+版本的bug 1195 用spring boot 2从零开始创建区块链 1543
文章排行榜
最热
最新
1 承上启下：基于全域漏斗分析的主搜深度统一粗排 91414
2 复杂链表的复制 90576
3 【Transform3D】转换详解（看完就会） 88109
4 【flexbox弹性布局学习指南】CSS热门布局方案 68799
5 如何构建标签画像工程体系及实现方案 63081
6 DCM：中间件家族迎来新成员 61159
7 系统的混乱并业务本身之复杂，我们并不擅长处理『简单』 48263
8 超越10倍开发者 48127
9 ⚡Three.js-在场景中导入3D动画模型 46098
10 Request&Response 39084
11 《JavaScript高级程序设计》__ 作用域&内存 37887
12 影响成长的关键思考 34896
13 K8S学习-当我们部署应用的时候都发生了什么？（第一篇） 30668
14 【从零开始学习深度学习】12. 什么是模型的训练误差？基于三阶多项式的欠拟合与过拟合训练过程演示 27886
15 阿里云物联网平台设备分发实战 33494
16 ChatGPT 常见错误原因及解决方案：报错、回答不完整等 21352
17 Python3，5行代码，让你拥有无限量壁纸美图，终于告别手动下载了。 16268
18 Python3，区区9行代码批量提取PDF文件的指定内容，我被震惊了.... 5168
19 Python3，9行代码，对比两个Excel数据差异，并把差异结果重新保存。 8392
20 深聊性能测试，从入门到放弃之： Windows系统性能监控(一) 性能监视器介绍及使用。 9363
1 谈谈《流浪地球2》中如何正确的“重启互联网” 1333
2 2023阿里云学生服务器免费申请流程 113
3 2023 年8个ChatGPT 的替代品 70
4 java: 错误: 无效的源发行版：17 77
5 YAML与Spring Boot 203
6 AI给你送年画啦！每一张都是独一无二 83
7 关于2023年1月1日起扣税规则说明 53
8 第3期乘风伯乐奖--寻找百位乘风者伯乐，邀请新博主入驻即可获奖 51
9 使用ChatGPT帮我们写一篇论文，最后查重的重复率会是多少？ 63
10 中原银行对金融行业实时数仓的现状与发展趋势思考 233
11 玖章算术CEO叶正盛：程序员必须掌握的数据库原理 119
12 万字长文 | 多目标跟踪最新综述（基于Transformer/图模型/检测和关联/孪生网络）（下） 70
13 Windows和Ubuntu双系统安装（非虚拟机） 162
14 2023跨年代码（烟花+自定义文字+背景音乐+雪花+倒计时） 799
15 从数据到价值，DataOps精益数据运营概述 51
16 【解决方案】成功解决ERROR: Could not build wheels for opencv-python, which is required to install pyproject.toml-based projects报错信息 90
17 Image Search-这是你的图像搜索 155
18 C/C++编程题之简单错误记录 78
19 zynq操作系统： Linux驱动开发AXIDMA篇 64
20 启用了嵌套硬件辅助的虚拟化时，无法添加 PCI 直通设备。 78
推荐文章
2022藏经阁年度电子书榜单出炉！ 参与应用引擎 SAE评测，赢取CHERRY机械键盘等好礼 “第益课”大学生技术公益 乘风者计划邀您入驻社区，精彩权益即刻享
相关电子书
更多
低代码开发师（初级）实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期：MySQL数据库进阶实战
立即下载