Telerik UI這個(gè)控件在.Net領(lǐng)域的應(yīng)用是非常出名的，對(duì)比而言，Telerik在web端堪稱另一個(gè)頂峰級(jí)的業(yè)務(wù)組件。

Telerik for JSP共有超過(guò)40個(gè)業(yè)務(wù)組件，最常用的有Grid、Scheduler、Calendar、Editor（Form表單）、ListView、Upload等，為APP打造的Navigation、Wizard等控件也是非常實(shí)用。

除此之外MediaPlayer、PDFViewer、ChatUI（聊天機(jī)器人界面）、條形碼/二維碼、溫度計(jì)/速率表、流程圖、地圖控件等也為應(yīng)用創(chuàng)造了一些實(shí)際的應(yīng)用可能。

10個(gè)關(guān)鍵功能

• 在您的網(wǎng)絡(luò)應(yīng)用中創(chuàng)建一個(gè)現(xiàn)代的聊天機(jī)器人體驗(yàn)；
• Telerik UI for JSP包含70多個(gè)基于jQuery的UI部件，用于用JavaScript和HTML5構(gòu)建網(wǎng)站和移動(dòng)應(yīng)用程序，以及40多個(gè)JSP服務(wù)器封裝器；
• 40多個(gè)UI部件為觸摸屏設(shè)備提供了全面的支持，因此你的Java應(yīng)用程序?qū)⒃诟鞣N具有不同輸入選項(xiàng)的設(shè)備上運(yùn)行；
• 包括一個(gè)Model-View-ViewModel（MVVM）框架。它可以讓你編寫JSP代碼來(lái)生成與你的服務(wù)器端后端無(wú)縫集成的部件；
• Telerik UI for JSP widgets支持主題和通過(guò)CSS進(jìn)行造型。該框架包括11個(gè)企業(yè)就緒的開(kāi)箱即用主題。黑色、Blue Opal、默認(rèn)、Metro、Metro Black、Silver、Bootstrap、Uniform、High Contrast、Moonlight和Flat UI；
• 使用各種策略在舊版瀏覽器中啟用一些HTML5功能，并對(duì)其他功能進(jìn)行了微調(diào)的優(yōu)雅降級(jí)；
• Telerik UI for JSP是一個(gè)完整的Web開(kāi)發(fā)框架，用于構(gòu)建現(xiàn)代HTML5應(yīng)用程序；
• Telerik UI for JSP的每一個(gè)方面都是從頭開(kāi)始建立的，以便在你的企業(yè)應(yīng)用中提供最大的性能；
• Telerik UI for JSP提供了一個(gè)完整的、響應(yīng)式的體驗(yàn)，為你帶來(lái)了為你的現(xiàn)代企業(yè)Java應(yīng)用程序創(chuàng)建響應(yīng)式UI所需的功能；
• Telerik UI for JSP讓你通過(guò)服務(wù)器端API對(duì)Web和DataViz部件進(jìn)行完全控制。

怕您待會(huì)兒沒(méi)空來(lái)看，。

預(yù)覽

在Grid控件使用中擁有非常棒的交互體驗(yàn)，注意紅色方塊標(biāo)注的地方，這里甚至有UI設(shè)計(jì)器，非常的高效。

<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags"%>

    <kendo:grid name="grid" pageable="true" sortable="true" filterable="true" style="height:550px;">
    	<kendo:grid-scrollable />    	
        <kendo:grid-columns>
            <kendo:grid-column title="Product Name" field="productName" />
            <kendo:grid-column title="Unit Price" field="unitPrice" format="{0:c}" width="130px"/>
            <kendo:grid-column title="Units In Stock" field="unitsInStock" width="130px"/>
            <kendo:grid-column title="Discontinued" field="discontinued" width="130px"/>
        </kendo:grid-columns>
        <kendo:dataSource data="${products}" pageSize="20">        
            <kendo:dataSource-schema>
                <kendo:dataSource-schema-model>
                    <kendo:dataSource-schema-model-fields>
                        <kendo:dataSource-schema-model-field name="productName" type="string" />
                        <kendo:dataSource-schema-model-field name="unitPrice" type="number" />
                        <kendo:dataSource-schema-model-field name="unitsInStock" type="number" />
                        <kendo:dataSource-schema-model-field name="discontinued" type="boolean" />
                    </kendo:dataSource-schema-model-fields>
                </kendo:dataSource-schema-model>
            </kendo:dataSource-schema>
        </kendo:dataSource>
        <kendo:grid-pageable input="true" numeric="false" />
    </kendo:grid>

在KendoUI的Demo中您同樣可以非常直觀的Copy相應(yīng)代碼方便學(xué)習(xí)。

在圖表的表現(xiàn)方面和開(kāi)源免費(fèi)的Echarts其實(shí)實(shí)力55開(kāi)，。

板磚體驗(yàn)過(guò)不少日程表控件，大多數(shù)開(kāi)源產(chǎn)品只能做到Day，而KendoUI做到了分鐘級(jí)別的深入，而且標(biāo)簽形式特別豐富，還能自定義連接、按鈕等。要是你想問(wèn)實(shí)際交互有多爽，。

Telerik UI編輯器體驗(yàn)偏向于扁平風(fēng)格，與開(kāi)源產(chǎn)品LayerEditor和Kindeditor相似，功能配置方式很直白。

總結(jié)

Telerik UI for JSP是一款針對(duì)web開(kāi)發(fā)特別友好的組件，與其他jquery組件不同的是原生jsp語(yǔ)法結(jié)構(gòu)，以及與后端的直接交互便捷性。

觀望不如體驗(yàn)，，需要說(shuō)明的是Telerik UI是一款收費(fèi)組件，下載試用30天內(nèi)免費(fèi)，如需正版購(gòu)買，，咨詢客服還有相應(yīng)的企業(yè)折扣。

，感興趣的朋友點(diǎn)這里來(lái)看一看吧。