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

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(聊天机器人界面)、条形码/二维码、温度计/速率表、流程图、地图控件等也为应用创造了一些实际的应用可能。

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

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体验。

预览

完全应用于JSP的业务组件,JavaScript站点和APP首选Grid示例

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

完全应用于JSP的业务组件,JavaScript站点和APP首选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相应代码方便学习。

完全应用于JSP的业务组件,JavaScript站点和APP首选控件方法示例 完全应用于JSP的业务组件,JavaScript站点和APP首选图表体现(风格也可以定制哟) 完全应用于JSP的业务组件,JavaScript站点和APP首选动态加载图表(风格可自定义)

在图表的表现方面和开源免费的Echarts其实实力55开,具体的体验您可以点击这里实测。

完全应用于JSP的业务组件,JavaScript站点和APP首选日历列表任务表现如图,颗粒度深入到分钟级别

板砖体验过不少日程表控件,大多数开源产品只能做到Day,而KendoUI做到了分钟级别的深入,而且标签形式特别丰富,还能自定义连接、按钮等。要是你想问实际交互有多爽,那么请点击这里体验。

总结

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

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年6月9日
下一篇 2021年6月9日

相关推荐

发表回复

登录后才能评论