Telerik UI這個控件在.Net領域的應用是非常出名的，對比而言，Telerik在web端堪稱另一個頂峰級的業務組件。

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

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

10個關鍵功能

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

怕您待會兒沒空來看，。

預覽

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

<%@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相應代碼方便學習。

在圖表的表現方面和開源免費的Echarts其實實力55開，。

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

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

總結

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

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

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