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

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

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

10個關(guān)鍵功能

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

怕您待會兒沒空來看，。

預(yù)覽

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

<%@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)方面和開源免費的Echarts其實實力55開，。

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

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

總結(jié)

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

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

，感興趣的朋友點這里來看一看吧。