KendoUI | 易学教程

Web开发实用技能，看Kendo UI for jQuery如何导出Excel（二）

阅读更多关于 Web开发实用技能，看Kendo UI for jQuery如何导出Excel（二）

Kendo UI for jQuery R2 2020 SP1试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。从Kendo UI Q3 2014（2014.3.1119）版本开始，Grid小部件提供内置的Excel导出功能。导出从左到右的内容 excelExport事件允许您反转单元格并设置文本对齐方式，支持从右到左（RTL）语言。要在Excel中从右到左的流程中呈现文档，请启用工作簿的rtl选项。每行都有一个类型字段，可用于在网格中区分各种行类型。支持的值为： "header" "footer" "group-header" "group-footer" "data" <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.4.0/jszip.min.js"></script> <div class="k-rtl"> <div id="grid" ></div> </div> <script> $("#grid")

Web界面开发工具！Kendo UI for jQuery数据管理:列虚拟化

阅读更多关于 Web界面开发工具！Kendo UI for jQuery数据管理:列虚拟化

Kendo UI for jQuery R1 2020 SP2试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。自定义列命令您可以实现用于处理Grid记录的自定义命令。要包含一个命令列，该列将在列单元格中呈现一个用于触发命令的按钮：通过列定义指定按钮的文本。将按钮的click事件连接到JavaScript函数，该函数将接收相应的Grid数据项作为参数。在函数定义中，处理命令。有关可运行的示例，请参阅有关在Grid中实现自定义命令的演示： <!DOCTYPE html> <html> <head> <title></title> <link rel=”stylesheet” href=”styles/kendo.common.min.css” /> <link rel=”stylesheet” href=”styles/kendo.default.min.css” /> <link rel=”stylesheet” href=”styles/kendo.default.mobile.min.css

轻量级报表工具Telerik Report 2020新版亮点

阅读更多关于轻量级报表工具Telerik Report 2020新版亮点

Telerik Reporting最新版下载 Telerik Report Server最新版下载 Telerik Reporting 和 Telerik Report Server 的最新版本包含重要的改进和修复，同时还添加一些新功能。在WebServiceDataSource中添加对基于cookie的两个因素的身份验证支持，对Web Report Designer进行了许多改进等。让我们一起来看看更详细的所有现有更改！ WebServiceDataSource基于Cookie的Two-Factor身份验证现在WebServiceDataSource支持更复杂的身份验证过程，新增对two-factor身份验证的支持，其中需要在请求实际数据之前检索cookie。最近，在Progress Application Server for OpenEdge中托管的multi-tenant数据库中遇到了这种情况。 WebServiceDataSource通过执行两个请求来执行此任务：第一个请求对用户进行身份验证并从响应中获取cookie，第二个请求将cookie与数据检索请求一起发送。数据源组件支持更广泛的数据检索选项，从未如此简单易用，因此不要错过在报告项目中进行尝试的机会！ WebServiceDataSource RequestTimeout属性

Web UI开发神器—Kendo UI for jQuery数据管理之搜索/分页功能

阅读更多关于 Web UI开发神器—Kendo UI for jQuery数据管理之搜索/分页功能

Kendo UI for jQuery R3 2019 SP1试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。 Kendo UI for jQuery数据管理中，网格的搜索面板和分页功能。搜索面板网格小部件具有内置功能，使用户可以搜索数据。搜索面板在后台使用过滤功能来仅显示网格中的相关记录。入门指南要启用该功能，请在工具栏配置中包含搜索选项。另外，可以自定义搜索输入中输入值时要搜索的字段。 $("#grid").kendoGrid({ toolbar: ["search"], search: { fields: ["ContactTitle"] } ... }); 已知局限性在过滤器文本框中启用过滤后，所有Grid列的数据将使用在搜索文本框中输入的值填充。分页默认情况下，禁用网格中的分页。入门指南要启用网格的分页功能，请将其pageable选项设置为true。为了使分页正常工作：定义要在每个页面上显示的网格记录数。定义数据集中的记录总数。在数据源上指定pageSize

开发的Web应用界面太难看？Kendo UI R1 2020工具全新发布帮你忙

阅读更多关于开发的Web应用界面太难看？Kendo UI R1 2020工具全新发布帮你忙

Kendo UI for jQuery R1 2020试用版下载 2020年，Kendo UI全新出发，发布R1 2020！此版本在Kendo UI bundle包中的所有库中进行了一些更新，包括jQuery，Angular，React和Vue UI库！本系列文章将着重为大家这些库中更新的重点内容，欢迎持续关注哦~ jQuery 新组件新组件：Breadcrumb Kendo UI jQuery Breadcrumb组件为开发人员提供一个简单直观的界面，可在各层次的导航层次之间移动。Breadcrumb通常是文档页面上的重磅炸弹，几乎可以在任何网站中使用，来帮助用户浏览网页层次结构。新组件：Badge 在移动设备上流行图标来指示未读的消息或通知，badge组件在一般的网络世界中已发现多种用法。使用新的Kendo UI Badge小部件，开发人员可以将Badge添加到现有的Kendo UI组件中，他们自己的UI元素甚至可以单独显示Badge，为页面上的某些内容提供一些附加的上下文信息。新组件：文件管理器多年来新的Kendo UI File Manager组件是最需要的组件之一，它使最终用户可以浏览文件夹和文件，例如Windows资源管理器中的功能，来帮助管理其Web应用程序中的文件存储。可以与诸如编辑器之类的组件结合使用来选择图像，也可以用作独立的组件来帮助用户上传

Web UI开发神器—Kendo UI for jQuery数据管理之分组

阅读更多关于 Web UI开发神器—Kendo UI for jQuery数据管理之分组

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Kendo UI for jQuery R3 2019 SP1试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。默认情况下，禁用Kendo UI Grid的分组功能。入门指南要启用分组，请将groupable选项设置为true。结果网格在其标题中公开一个新的区域，使用户可以按列队网格数据进行分组。要将数据按多列分组，用户可以将所需的列拖到分组标题中。 $("#grid").kendoGrid({ groupable: true // Other configuration. }); 要对分组内容进行排序，请单击分组标签。要切换上一个示例中分组数据的排序顺序，请单击Name。通过单击相应标题组旁边的箭头，也可以将每个单独的组从其展开状态切换到折叠状态。图1：启用分组功能的网格图2：数据按姓氏分组的网格与行模板一起使用行模板明确定义行标记，而分组要求您更改行标记。要同时使用这两个功能，请在行模板中包含一个脚本

Web UI开发神器—Kendo UI for jQuery数据管理网格编辑操作

阅读更多关于 Web UI开发神器—Kendo UI for jQuery数据管理网格编辑操作

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Kendo UI for jQuery最新试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。编辑是Kendo UI网格的基本功能，可让您操纵其数据的显示方式。 Kendo UI Grid提供以下编辑模式：批量编辑内联编辑弹出式编辑自定义编辑批量编辑网格使您能够进行和保存批量更新。要在网格中启用批处理编辑操作，请将数据源的批处理选项设置为true。 <!DOCTYPE html> <html> <head><title></title><link rel="stylesheet" href="styles/kendo.common.min.css" /><link rel="stylesheet" href="styles/kendo.default.min.css" /><link rel="stylesheet" href="styles/kendo.default.mobile.min.css" /> <script

使用Kendo UI Web创建自定义组件（基础篇）

阅读更多关于使用Kendo UI Web创建自定义组件（基础篇）

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Kendo UI Web 包含数百个创建 HTML5 web app 的必备元素，包括 UI 组件、数据源、验证、一个 MVVM 框架、主题、模板等。在 Kendo UI Web 中如何创建自定义组件呢，在下面的文章中将会详细的进行说明。基础步骤：首先在kendo.ui namespace中扩展基础的Widget类，还可以创建一些变量来保存值用于向下缩小路径。扩展基础组件： (function($) { // shorten references to variables. this is better for uglification var kendo = window.kendo, ui = kendo.ui, Widget = ui.Widget var MyWidget = Widget.extend({ // initialization code goes here }); })(jQuery); 添加一个初始化的方法：现在需要对你的组件提供一个初始化方法，当组件被调用的时候，这个方法就会被框架调用，这个初始化函数需要两个参数，一个是你正在初始化的组件参数，一个是不久你将要指定的一套选项。这两个参数都将会配置值。 var MyWidget = Widget.extend({ init:

Web UI开发速速种草—Kendo UI for jQuery网格编辑操作概述

阅读更多关于 Web UI开发速速种草—Kendo UI for jQuery网格编辑操作概述

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Kendo UI for jQuery最新试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。编辑是Kendo UI网格的基本功能，可让您操纵其数据的显示方式。 Kendo UI Grid提供以下编辑模式：批量编辑内联编辑弹出式编辑自定义编辑入门指南要启用编辑：熟悉Kendo UI中常见编辑概念配置Grid的数据源通过schema配置定义字段设置editable选项配置数据源下面的示例演示如何为CRUD（创建、读取、更新、销毁）数据操作配置数据源。 var dataSource = new kendo.data.DataSource({ transport: { read: "/Products", update: { url: "/Products/Update", type: "POST" }, destroy: { url: "/Products/Destroy", type: "POST" },

数据管理必看！Kendo UI for jQuery过滤器的全球化

阅读更多关于数据管理必看！Kendo UI for jQuery过滤器的全球化

Kendo UI for jQuery最新试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。 Kendo UI Filter 小部件是一个统一的控件，用于筛选具有数据源的数据绑定组件。概述全球化进程结合组件消息的翻译（本地化）和使其适应特定的文化（国际化和支持从右到左），通过过滤器消息的本地化可以启用过滤器的全球化功能。本地化过滤器提供用于定义其过滤器运算符（例如包含、等于或大于）和逻辑消息（例如，AND和OR）的文本选项。要本地化消息，请在messages字段中设置所需的字符串。要本地化运算符的名称，请列出可用的运算符，然后在operators字段中设置其文本。 <div id="filter"></div> <ul id="listView"></ul> <script type="text/x-kendo-template" id="item"> <li> <strong>#= name #</strong>, aged #= age #, is on vacation: #=

订阅 KendoUI