完全应用于JSP的业务组件，JavaScript站点和APP首选-控件新闻-慧都网

完全应用于JSP的业务组件，JavaScript站点和APP首选

原创|对比评测|编辑：何跃|2021-07-12 14:38:54.223|阅读 172 次

概述：Telerik UI for JSP是一款针对web开发特别友好的组件，与其他jquery组件不同的是原生jsp语法结构，以及与后端的直接交互便捷性。

Telerik UI这个控件在.Net领域的应用是非常出名的，对比另一款Devexpress控件而言，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部件进行完全控制。

怕您待会儿没空来看，点击这里直接上手DEMO体验。

预览

Grid示例

在Grid控件使用中拥有非常棒的交互体验，注意红色方块标注的地方，这里甚至有UI设计器，非常的高效。

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相应代码方便学习。