KendoUI

通过70多个可自定义的UI组件，Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题，Kendo UI将开发时间加快了50%。 Kendo UI Professional目前最新提供 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 Angular是专用于Angular开发的专业级Angular UI组件；Kendo UI Support for React支持React Javascript框架，更快地构建更好的应用程序；Kendo UI Support for Vue为Vue技术框架提供可用的Kendo UI组件，更快地构建更好的Vue应用程序。 更多资源请查看【 Kendo UI视频教程集合 】【 Kendo UI TreeView功能详解 】【 Kendo UI经典开发案例赏析 】 【适用范围】：各种桌面、Web应用程序及移动开发，尤擅长Web应用程序及跨平台的移动应用开发，程序员只需要少量编码就可以实现相应的效果，能节省大量的时间成本。

Kendo UI for jQuery R3 2020 SP2试用版下载 Kendo UI 是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合，无论选择哪种JavaScript框架，都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件，Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题，Kendo UI将开发时间加快了50%。 Kendo UI PivotGrid以交叉表格式表示多维数据。 基本配置 要将PivotGrid配置为托管在https://demos.telerik.com上的Adventure Works多维数据集，请通过定义HTML <div>元素来创建小部件。 <!-- Define the HTML div that will hold the PivotGrid --> <div id="pivotgrid"> </div> 下面的示例演示如何进一步配置PivotGrid小部件。 <script> $(document).ready(function () { $("#pivotgrid").kendoPivotGrid({ height: 200, // Define the height of the widget.

Telerik Test Studio最新版下载 Telerik Test Studio 是一个用于功能性Web、桌面和移动测试的直观测试自动化工具，它能轻松地实现自动化测试。同时会为GUI、性能、加载和API测试提供完整的自动化测试解决方案。 在选择正确的工具来帮助您成功进行自动UI测试时，您需要了解以下内容。 为什么不能再忽略自动UI测试？ 尽管面向代码的自动化测试工具已经变得越来越普遍，但大多数开发公司都忽略了自动化UI测试。这样做的主要原因是维护UI测试套件的成本，使用大多数/所有UI测试工具，实际上对应用程序UI的任何更改都会导致UI测试工具将整个应用程序标记为已损坏。结果，现代软件开发实践的大部分过程都是围绕UI与代码的精确分离而组织的，因此可以在不接触UI的情况下测试代码。 现实情况是用户不与代码交互：用户与您的UI交互，从用户的角度来看，您的UI是您的应用程序，证明代码在故意忽略UI的情况下有效的当前做法缺少了重点。 与当前的实践相反，UI测试提出一个简单的主张：要证明您的应用程序已“准备好投入生产”，您必须证明UI能够正常工作并驱动您的应用程序执行正确的操作。 一些基于工具的选项 随着DevOps和对用户验收测试的需求增加，这一要求变得越来越重要。 结果是UI测试工具得到了发展，但这也使得开发者更难、也更容易获取正确的工具集。难点在于有更多选择可供选择

Kendo UI for jQuery R3 2020试用版下载 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库。 默认情况下，ListView的选择功能处于禁用状态。 入门指南 ListView通过将selectable属性设置为“ single”或“ multiple”来支持项目选择功能。 $("#listView").kendoListView({ dataSource: dataSource, selectable: "multiple", template: kendo.template($("#template").html()) }); 高级配置 您还可以检测用户何时通过更改事件获得项目，该事件是通过使用Shift + select组合选择一个或多个项目时触发的。 $("#listView").kendoListView({ change: function(e) { var data = dataSource.view(); var selected = $.map(this.select(),

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库。 组模板 应用分组时，Grid的分组行将数据行组织为树形结构。 有关可运行的示例，请参阅： Demo on using the row template of the Grid Demo on using the detail-row template of the Grid Demo on using the toolbar template of the Grid 组行显示组摘要值，并包含展开和折叠组图标，这些图标使用户可以展开（显示子行）和折叠（隐藏子行）组行。 Grid提供以下模板，可以用于自定义组行的外观： GroupHeaderTemplate - 为整个组行渲染一个模板。 通常主要目的是显示有关整个组的信息，默认情况下如果您未定义模板，那么将显示字段名称和当前组值。 GroupHeaderColumnTemplate - 在与行本身对齐的组行中渲染模板。

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库。 Grid小部件提供内置的PDF导出功能。 入门 要启用PDF导出： 1. 包括相应的工具栏命令并设置导出设置。 工具栏配置 PDF导出配置 2. 在页面中包含Pako Deflate库来启用压缩。 要通过代码启动PDF导出，请调用saveAsPdf方法。 注意 ： 默认情况下，Kendo UI Grid导出数据的当前页面并应用排序、过滤、分组和聚合。 Grid使用当前的列顺序、可见性和尺寸来生成PDF文件。 下面的示例演示如何启用Grid的PDF导出功能。 <!-- Load Pako Deflate library to enable PDF compression --> <script src="https://kendo.cdn.telerik.com/2020.2.617/js/pako_deflate.min.js"></script> <div id="grid"></div>

Kendo UI for jQuery 提供了在短时间内构建现代Web应用程序所需的一切，从众多UI子控件中选择，并将它们组合起来，创建酷炫响应式的应用程序，同时能最大限度的加快开发时间。 Kendo UI for jQuery R2 2020 SP1正式版下载 具体更新内容如下： 新增： 新增Wizard小部件 DateTimePicker "modern"组件类型没有本地化 通过项目配置形成表格属性 新增外键列绑定 使Scheduler RecurrenceEditor符合Section 508和WCAG 2.0 RecurrenceEditor应该遵守Start/End date/time pickers更新 使用自定义html渲染电子表格单元格 在TileLayout中拖动项目应滚动页面 修复： 修复串联的雷达图误差 修复Kendo Pie Chart在IE版本中引发错误 修复带有missingValues.gap的RadarLine无法连接终点和起点的问题 其他一些小的修复 了解最新Kendo UI最新资讯，请关注Telerik中文网！ 来源： oschina 链接： https://my.oschina.net/u/3992677/blog/4328346

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库。 隐藏的容器 如果在隐藏的容器内初始化Grid，则Grid可能无法正确调整其布局。 例如，当您应用滚动、虚拟滚动或锁定的列并在隐藏容器中初始化Grid时，将无法正确调整其垂直布局，因为JavaScript尺寸计算不适用于display：none样式的元素。 如果出现以下任何情况，则可以确定网格是在隐藏状态下初始化的： 网格看起来小于预期 可滚动的数据区域溢出了网格的底部边框 即使启用了虚拟滚动，垂直滚动条也不可见 冻结的列太窄，非冻结的列不可见 pager可能不会出现，或者可能是最小的pager，而不是完整的pager 若要处理与隐藏容器内的网格初始化有关的操作，请选择以下任意一种方法： 1. 延迟Grid的初始化或更改各种Kendo UI窗口小部件的初始化顺序，以便在其元素可见后初始化Grid。 2. 小部件可见后，执行Grid的resize方法。 3. 替代其配置中的网格设置整体高度

自 Extensions 组件库发布以来，Data Grid 成为了使用及咨询最多的组件。最开始 Data Grid 的设计非常简陋，经过一番重构，组件质量有了质的提升。 Extensions 组件库: https://github.com/ng-matero/extensions Data Grid 示例: https://ng-matero.github.io/extensions/data-grid 距离 Extensions Data Grid 重构已经过去了两个多月，因工作忙碌而迟迟没有介绍 Extensions Data Grid 的细节。这几天又重构了一下官网示例，目前的 API 文档放在了 gitbook 上，暂时还没有和官网整合，国内访问会比较慢。本文会介绍 Data Grid 的使用方法及比较好的一些功能实现。说点题外话， 开发一款插件最大的难度不在于功能的实现，而在于如何去设计插件 。 什么是 Data Grid？ Data Grid 本质上就是通过 数据 + 列定义 + 配置项 来渲染表格的插件。这比写一堆 DOM 结构要简洁很多，可以说是 CRUD 业务中的大杀器之一。目前市面上功能最全的 Data Grid 是 ag-grid ，很多组件库也有自己的 Data Grid 实现，比如 Ignite UI ， Kendo UI

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导出功能。 入门指南 要启用网格的Excel导出选项： 引入相应的工具栏命令并设置导出设置。 工具栏配置 Excel导出配置 在页面上包含JSZip脚本。 要通过代码启动Excel导出，请调用saveAsExcel方法。 注意 ： 默认情况下，网格将导出应用了排序、过滤、分组和聚合数据的当前页面。 网格使用当前列顺序、可见性和尺寸来生成Excel文件。 网格不会在Excel文件中导出当前CSS主题。 网格仅导出数据绑定列，所有未设置其字段选项的列将被忽略。 导出期间不使用format选项。 导出期间不使用模板选项。 导出期间不使用detailTemplate选项。 下面的示例演示如何启用Grid的Excel导出功能。 <script src="https://cdnjs.cloudflare