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

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

控件功能

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

Kendo UI

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




DevExpress CustomHeaderButton 菜单 devexpress界面效果_控件


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

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

DevExpress

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

网格

Kendo UI

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


DevExpress CustomHeaderButton 菜单 devexpress界面效果_UI_02


DevExpress

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


DevExpress CustomHeaderButton 菜单 devexpress界面效果_树形控件可编辑_03


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