在上一篇用戶界面控件Kendo UI vs DevExpress對(duì)比評(píng)測(cè)一中，筆者跟大家披露了 Kendo UI 和DevExpress兩款控件的總體功能和網(wǎng)格控件的評(píng)測(cè)，今天再跟大家介紹一下兩者在易用性、集成時(shí)間、代碼完成方面的優(yōu)缺對(duì)比。

易用性

Kendo UI

Kendo UI的安裝比DevExpress要稍顯復(fù)雜，因?yàn)镠elpers必須手動(dòng)注冊(cè)，但之后就變得比較簡(jiǎn)單了，比如：

@Html.Kendo().NumericTextBox().Name("MyNumericText")

Helpers是類型化的，比如NumericTextBoxFor。如果使用帶有文本字段的模型，字段只需要用'Name'就可以完成綁定。
在上面提到的例子中，字段設(shè)置屬性MyNumericText的值，然后就會(huì)自動(dòng)發(fā)生轉(zhuǎn)換，即使是文本字段也不例外。

日期字段也是一樣的。創(chuàng)建一個(gè)顯示月份和年份的日期字段，如下面的代碼：

@Html.Kendo().DatePicker().Name("MyTextBox").Depth(CalendarView.Year).Start(CalendarView.Year).Format("MMMM yyyy")

DevExpress

DevExpress的安裝可以說(shuō)是既簡(jiǎn)單又復(fù)雜。它在安裝的時(shí)候會(huì)自動(dòng)安裝Visual Studio序列模板用于項(xiàng)目所需的各種配置，如果自己去手動(dòng)添加是非常麻煩的。在任何情況下，我們都可以隨意的復(fù)制模板，但有時(shí)候也會(huì)出現(xiàn)誤差。

在DevExpress下創(chuàng)建控件的難度比在Kendo UI中要大，因?yàn)樗目丶际峭ㄓ眯偷模晕覀儾坏貌粸槊總€(gè)控件都配置一個(gè)helper，比如：

@Html.DevExpress().SpinEdit(settings => {
settings.Name = "MyPercent";
settings.Properties.MinValue = 0;
settings.Properties.MaxValue = 100;
settings.Properties.NumberFormat = SpinEditNumberFormat.Percent;
settings.Properties.SpinButtons.ShowIncrementButtons = false;
}).GetHtml()

這段代碼創(chuàng)建了一個(gè)百分比字段。這段代碼顯得有點(diǎn)臃腫，而且它沒(méi)有類型化助手，同樣的問(wèn)題也出現(xiàn)在Grid控件中。

集成時(shí)間

Kendo UI

Kendo UI可以快速集成到當(dāng)前的項(xiàng)目中，因?yàn)樗炔恍枰罅烤幾g也不需要大量配置。改變當(dāng)前的字段也不需要花太多時(shí)間。Kendo的網(wǎng)格非常容易上手，但是我們的項(xiàng)目過(guò)于復(fù)雜，所有集成也花了相當(dāng)長(zhǎng)的時(shí)間。

DevExpress

DevExpress的集成速度稍微比Kendo要慢一些，因?yàn)樗纫渲梦覀兊恼军c(diǎn)又要配置每個(gè)字段。

自動(dòng)代碼完成

Kendo UI

這基本上是Kendo最好用的功能之一。它生成的HTML和JavaScript代碼非常干凈，它不使用表格而用Divs代替，這樣界面會(huì)更加流暢。額外的JS在視圖面板是不可見(jiàn)的，因?yàn)樗勘环诺搅舜a庫(kù)中。

DevExpress

個(gè)人感覺(jué)DevExpress的自動(dòng)代碼完成功能不是很好用，因?yàn)樗鼤?huì)生成大量臨時(shí)的JS代碼，導(dǎo)致調(diào)試比較困難。HTML的生成也不是很友好。另外它用表格代替Divs，導(dǎo)致界面不流暢并且無(wú)法重用樣式。

總結(jié)

綜合以上評(píng)估，Kendo UI和DevExpress這兩款界面控件在技術(shù)支持、控件功能和界面效果方面都不相上下。由于我們比較看重樣式的重用，所以最終選擇了Kendo UI。