silverlight:telerik RadControls中RadGridView的一个Bug及解决办法

当RadGridView中嵌套RadComboBox,且RadGridView的高度不够出现滚动条时,上下拉动滚动条后,RadComboBox中的选中值将丢失!

如下图:

滚动条未拖动前

滚动条上下拖动后(注意下图的高亮部分)

重现该Bug的测试代码:

Model层

TextValueObject.cs

namespace RadControlsBug.Model
{
    public class TextValueObject
    {
        public string Text { set; get; }

        public string Value { set; get; }
    }
}

SexType.cs

namespace RadControlsBug.Model
{
    public class SexType
    {
        /// <summary>
        /// 男
        /// </summary>
        public static string Male = "男";

        /// <summary>
        /// 女
        /// </summary>
        public static string FeMale = "女";
    }
}

SexTypeCollection.cs

using System.Collections.Generic;

namespace RadControlsBug.Model
{
    public static class SexTypeCollection
    {
        private static List<TextValueObject> _items = new List<TextValueObject>();

        public static List<TextValueObject> Items
        {
            get { return _items; }
            set { _items = value; }
        }

        static SexTypeCollection() 
        {
            _items.Add(new TextValueObject() { Text = "男", Value = SexType.Male });
            _items.Add(new TextValueObject() { Text = "女", Value = SexType.FeMale });
        }
    }
}

Person.cs

using System.Collections.Generic;

namespace RadControlsBug.Model
{
    public class Person
    {
        public string Name { set; get; }

        public string Sex { set; get; }

        private  List<TextValueObject> _sexItems = SexTypeCollection.Items;

        public List<TextValueObject> SexItems { get { return _sexItems; } }

    }
}

Company.cs

using System.Collections.ObjectModel;

namespace RadControlsBug.Model
{
    public class Company
    {
        private ObservableCollection<Person> _employees = new ObservableCollection<Person>();

        public ObservableCollection<Person> Employees
        {
            get { return _employees; }
            set { _employees = value; }
        }


        public Company() 
        {
            this._employees.Add(new Person() { Name = "张三", Sex = SexType.Male });
            this._employees.Add(new Person() { Name = "李四", Sex = SexType.FeMale });
            this._employees.Add(new Person() { Name = "王五", Sex = SexType.Male });
            this._employees.Add(new Person() { Name = "赵六", Sex = SexType.FeMale });
            this._employees.Add(new Person() { Name = "孙七", Sex = SexType.Male });
            this._employees.Add(new Person() { Name = "杨九", Sex = SexType.FeMale });
            this._employees.Add(new Person() { Name = "胡十", Sex = SexType.Male });
        }

    }
}

UI层:

MainPage.Xaml:

<UserControl x:Class="RadControlsBug.MainPage"
    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:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
            <telerik:RadGridView ShowGroupPanel="False" RowIndicatorVisibility="Collapsed" CanUserFreezeColumns="False" AutoGenerateColumns="False" ItemsSource="{Binding Employees,Mode=TwoWay}" Width="300" Height="120" Name="gridView1">
                <telerik:RadGridView.Columns>
                    <telerik:GridViewColumn   Header="姓名" Width="80" >
                        <telerik:GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <telerik:RadMaskedTextBox Value="{Binding Name,Mode=TwoWay}" MaskType="None"></telerik:RadMaskedTextBox>
                            </DataTemplate>
                        </telerik:GridViewColumn.CellTemplate>
                    </telerik:GridViewColumn>
                    <telerik:GridViewColumn   Header="性别" Width="80" >
                        <telerik:GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <telerik:RadComboBox ItemsSource="{Binding SexItems,Mode=TwoWay}" SelectedValue="{Binding Sex,Mode=TwoWay}" SelectedValuePath="Value" DisplayMemberPath="Text"/>
                                
                            </DataTemplate>
                        </telerik:GridViewColumn.CellTemplate>
                    </telerik:GridViewColumn>
                </telerik:RadGridView.Columns>
            </telerik:RadGridView>
           
        </StackPanel>
    </Grid>
</UserControl>

MainPage.Xaml.cs:

using System.Windows;
using System.Windows.Controls;
using RadControlsBug.Model;

namespace RadControlsBug
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();

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

        void Page_Loaded(object sender, RoutedEventArgs e)
        {
            Company _viewModel = new Company();
            this.DataContext = _viewModel;
            
        }
        
    }
}

该问题曾经困扰我长达2周之久,在Telerik的论坛上提问也未得到回复。

曾经反复尝试,发现解决方法居然极其简单:

<telerik:RadComboBox ItemsSource="{Binding SexItems,Mode=TwoWay}" 
SelectedValue="{Binding Sex,Mode=TwoWay}" SelectedValuePath="Value" DisplayMemberPath="Text"/>

改成:

<telerik:RadComboBox  SelectedValue="{Binding Sex,Mode=TwoWay}" SelectedValuePath="Value"
 DisplayMemberPath="Text" ItemsSource="{Binding SexItems,Mode=TwoWay}"/>

后,问题奇迹般的解决了!

分享于此,希望有助于遇到同样问题的朋友。(个人分析:有可能telerik的开发人员在解析XAML时,判断逻辑依赖于属性出现的顺序导致--胡猜的,我也没去看它的源码)

最后谈一下我个人对于Telerik RadControls For Silverlight这套控件的感受,用这套控件做项目开发已经有近3个月的时间,总体感觉还不错,能大幅提高团队的开发效率,官方有详细文档和示例,上手非常容易,而且客观来讲,BUG也比较少(用了3个月,基本上才发现这一个比较诡异的BUG),此外,如果是正版用户,官方还提供源码,并有一年的免费升级期限,每季度官方均会对整套控件做一次升级(主要是修复之前的BUG,以及增加一些新功能)。 从成本上考虑,一套控件的售价9k RMB左右(无Licence数量限制,而且能拿到源码任意修改),国内用户可在慧都控件网上直接购买,对于公司来讲这个成本其实并不高(相比公司招人自己实现这些控件的功能而言,9k多其实可以忽略不计了),如果您的公司打算致力于企业级应用的RIA开发,建议使用。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏木宛城主

彻底抛弃PeopleEditor,SharePoint中利用Jquery Chosen创建新的人员选择器

基于SharePoint平台开发时,人员选择器使用频率是非常高的,但是原生的人员选择器使用太麻烦,而且非常笨拙,非常不友好,特别是对呆在政府部门的老爷们,要让...

2128
来自专栏Python小屋

Python tkinter版猜数游戏

程序启动后,首先需要启动一次游戏并设置数值范围和猜测次数,然后可以猜数并输入,程序会根据实际情况进行大小提示,退出程序时提示战绩,例如共玩几次和成功几次。 im...

4065
来自专栏草根专栏

设计模式学习(一):多用组合少用继承(C#)

《深入浅出设计模式》学习笔记第一章 原始需求和设计 事情是这样开始的,公司需要做一套程序,鸭子,设计如下: ? 一个鸭子父类,多个派生类,三个可override...

4584
来自专栏非著名程序员

Android应用程序优化注意事项

? 我们在开发过程中,如果不注意性能的优化,代码的优化等等,可能会导致应用程序的卡顿和效率极慢,所以开发过程中,注意细节,注意代码的编写和变量,常量的使用,可...

19910
来自专栏GuZhenYin

用SignalR 2.0开发客服系统[系列2:实现聊天室]

前言 交流群:195866844 上周发表了 用SignalR 2.0开发客服系统[系列1:实现群发通讯] 这篇文章,得到了很多帮助和鼓励,小弟在此真心的感谢大...

5588
来自专栏帅小子的日常

购物车的原理以及实现

69811
来自专栏FSociety

Python使用itchat获取微信好友

最近发现了一个好玩的包itchat,通过调用微信网页版的接口实现收发消息,获取好友信息等一些功能,各位可以移步itchat项目介绍查看详细信息。

5062
来自专栏更流畅、简洁的软件开发方式

使用了继承、多态还有工厂模式和反射,但是还是没有OO的感觉。[已经增加了实现的代码]

最近项目里遇到了一个问题,为了解决这个问题“动用了”继承、多态还有工厂模式和反射,但是还是没有OO的感觉。呵呵。 先说一下具体情况: 1、使用短信猫来接收短...

3488
来自专栏jouypub

Spring Task中cron表达式详解

_{秒}:取值范围(0-59),不允许为空值,若值不合法,调度器将抛出SchedulerException异常

1701
来自专栏我的小碗汤

用go语言爬取珍爱网 | 第三回

Seed把需要爬的request送到engine,engine负责将request里的url送到fetcher去爬取数据,返回utf-8的信息,然后engine...

1853

扫码关注云+社区

领取腾讯云代金券