在一次使用ASP.NET MVC进行开发的Web项目中,我们需要用户界面控件来帮助实现界面的大部分功能。由于项目比较复杂,我们最终确定对 Kendo UI 和 DevExpress 这两款国际知名的用户界面组件进行评估。下面笔者跟大家分享一下评估控件的经验,希望对其他选购控件的朋友提供一个参考和借鉴。

当时我们评估这两款控件主要考察:控件的功能、易用性、与当前项目的集成时间和自动代码完成的时间。

控件功能
首先我们比较了Kendo UI和DevExpress当前所提供的控件,并大致评估了控件的功能。根据项目的需求,我们主要测试了文本和日期两个控件。

Kendo UI
Kendo UI是Telerik旗下的控件,在Web和移动开发领域都有非常棒的表现,在开发者当中也是相当的受欢迎。Kendo UI提供了两个文本字段控件:Autocomplete 和 NumericTextBox。后面个控件提供了各种选项,比如价格、百分比、测量和质量。这些控件非常惊艳,功能很强大,不过唯一的不足就是它的Mask文本字段,比如输入邮件和地址必须要用固定的格式,不过这个问题用一个jQuery插件就可以轻松解决。

Kendo UI的文本字段有三个选项:Calendar, DatePicker 和 DateTimePicker。Calendar非常平滑,可以自定义模板,比如可以为日历添加图标。

DatePicker 和 DateTimePicker使用比较简单,比如要提取其他DatePicker上的动态数据,只需要一行代码就可以实现。同样,这两个控件也是完全可自定义的,不仅可以提取单个的日期,还可以提取月份,DateTimePicker可以提取单个小时。

DevExpress
DevExpress当然不用我多介绍了,界面控件中的老大,界面效果好,控件丰富,可以实现各种意想不到的效果,用了之后都会有相见恨晚的感觉。它的文本控件支持多种格式,可随意添加各种数字、Email、地址和IP等,它还可以添加正则表达式验证和定义消息。

>>DXperience 18.2.6下载

网格
Kendo UI
Kendo UI的网格非常棒!功能很丰富,支持主从结构、行模板、行内编辑、随意翻阅和同步加载等。这里不能列出所有的功能,对Kendo UI有兴趣的朋友不妨体验一下它的Grid Demo。

DevExpress
之后我们又测试了DevExpress Grid,不愧是老牌控件,它的网格控件当然也不负众望。不过经过测试体验之后发现它的功能比Kendo UI Grid稍微要少一点,模板指定比较麻烦,主从结构无法获取,而且网格的样式也比Kendo UI要简单。

考虑到我们的项目需要大量的网格数据操作,最终我们选择了Kendo UI。当然这里不是说功能越丰富的就越好,当然要根据自己的项目需求和价格预算来综合考量,毕竟两款控件都是非常值得信赖的。

填写DevExpress 2019调查问卷免费领取红包!

活动规则:

  1. 扫描底部二维码填写调查问卷;
  2. 完成后扫描问卷底部二维码添加客服微信;
  3. 联系客服领取红包;
  4. 如有疑问请电话咨询:023-68661681。
长按或扫描下方二维码
填写DevExpress调查问卷
免费获取红包哦!
立即行动↓↓↓

实例:用户界面控件Kendo UI vs DevExpress对比评测一的更多相关文章

  1. 「版本升级」界面控件Kendo UI正式发布R2 2019|附下载

    通过70多个可自定义的UI组件,Kendo UI可以创建数据丰富的桌面.平板和移动Web应用程序.通过响应式的布局.强大的数据绑定.跨浏览器兼容性和即时使用的主题,Kendo UI将开发时间加快了50 ...

  2. 用户界面控件Telerik UI for WinForms发布R2 2019|附下载

    Telerik UI for WinForms拥有适用Windows Forms的110多个令人惊叹的UI控件.所有的UI for WinForms控件都具有完整的主题支持,可以轻松地帮助开发人员在桌 ...

  3. 知名界面类控件Kendo UI for jQuery R2 2019 SP1发布|附下载

    Kendo UI for jQuery提供了在短时间内构建现在Web应用程序所需要的一切.从70多个UI中选择,并轻松地将它们组合起来,创建出酷炫响应式的应用程序,同时将开发时间加快了50%. [适用 ...

  4. 甘特图、Data Editors控件新玩法—DevExpress WPF v19.2

    通过DevExpress WPF Controls,你能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案. 无论是Office办公软件的衍 ...

  5. matlab中uicontrol创建用户界面控件

    来源:https://ww2.mathworks.cn/help/matlab/ref/uicontrol.html?searchHighlight=uicontrol&s_tid=doc_s ...

  6. 玩转控件:重绘DEVEXPRESS中DateEdit控件 —— 让DateEdit支持只选择年月 (提供源码下载)

      前言 上一篇博文<玩转控件:重绘ComboBox —— 让ComboBox多列显示>中,根据大家的回馈,ComboBox已经支持筛选了,更新见博文最后最后最后面.   奇葩 这两天遇到 ...

  7. 32.10 使用模板更改控件的UI

    32.10  使用模板更改控件的UI 样式是改变WPF控件基本外形的非常好(且非常简单)的方式,它通过为窗口部件的特性设置建立一组默认的值,从而改变WPF控件的基本外形.但是,即使样式允许我们改变各种 ...

  8. [WPF]使用CheckAccess检测是否在控件的ui线程上执行

    private void Parallel(object sender, RoutedEventArgs e) { Task.Run(() => ChangeColour(Brushes.Red ...

  9. 页面日期选择控件--jquery ui datepicker 插件

    日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等.官方地址:http://docs.jquery.com ...

随机推荐

  1. 6、Docker存储卷

    Why Data Volumes?  来自马哥教育 Data volumes Volume types  绑定挂载卷:在宿主机和容器上各指明绑定路径才能进行绑定. docker管理卷:在容器内指定挂载 ...

  2. Python3.6 运行提示 ImportError: cannot import name 'CONFIG_FILE'

    如下代码: import os from utils.file_reader import YamlReader BASE_PATH = os.path.split(os.path.dirname(o ...

  3. time to set up Goals

    Function Goal Training for new guys, meanings who takes part of QA jobs  and make other QA members g ...

  4. psycopg2+postgis+pgAdmin4

    基于docker的postgres 部署见这篇 https://www.cnblogs.com/xuanmanstein/p/7742647.html 连接数据库 import psycopg2cla ...

  5. 射频(SX1278)

    射频是什么? 官方说法:RF,Radio Frequency. (不懂的人,看了还是不懂,不过对于物联网行业的开发工程师.产品经理和项目经理,还是有需要对射频有个基础了解的.) 燚智能解读: 两个人, ...

  6. WPF界面假死

    首先要检查那些滥用 Timer.Dispacher Timer 或者滥用什么“线程+死循环+阻塞”轮询的代码. 这种是编程大忌,有些人不会设计事件驱动程序,而是滥用轮询. 若是:触发事件后的假死,搜W ...

  7. .NET Core WEB API使用Swagger生成在线接口文档

    1项目引用Swashbuckle.AspNetCore程序集和Microsoft.Extensions.PlatformAbstractions程序集 右击项目打开"管理NuGet程序包.. ...

  8. 使用pyinstaller打包多个py文件为一个EXE文件

    1. 安装pyinstaller. pip install pyinstaller !!!!64位win7上打包后始终不能用,提示找不到ldap模块,换了32位win7就好了.!!!!(代码中涉及ld ...

  9. vue文件上传控件

    下载地址:https://pan.baidu.com/s/1Z3pFh2J3xWa8YYnLoseasg 使用方式: <upload ref='upload' action-url='' :mu ...

  10. hbase的api操作之scan

    扫描器缓存----------------    面向行级别的.    @Test    public void getScanCache() throws IOException { Configu ...