Kendo UI for jQuery 在R2 2021中发布了重大的更新,添加了一些非常漂亮的组件,包括新的TaskBoard组件和其他要求很高的功能,本系列文章将为大家一一揭秘,欢迎收藏关注!
扩展的组件功能
jQuery Grid:范围选择导出到Excel
![Kendo UI for jQuery R2 2021新版亮点:扩展的组件功能](https://image.evget.com/2021/05/19/grid---range-selection-and-export-to-excel1wkacf50j9xvwklvd.png)
在R2 2021中,Kendo UI for jQuery Data Grid新增了将选定的单元格导出到Excel的功能,这是一个非常巧妙的功能,因为您可以选择任意随机的单元格集(甚至是彼此完全断开的单元格),并且jQuery Grid会以直观的方式将您选择的内容导出到Excel文件。
jQuery TreeList:筛选器行
![Kendo UI for jQuery R2 2021新版亮点:扩展的组件功能](https://image.evget.com/2021/05/19/treelist-filter-row2m34i17fzqztrmpb5.png)
为了确保使用R2 2021在jQuery Data Grid和TreeList之间建立奇偶校验,将为Kennedy UI for jQuery TreeList组件正式引入过滤器行功能。 启用此功能后,将在TreeList顶部的列标题正下方显示专用的过滤器元素行。
jQuery TreeList:行模板
![Kendo UI for jQuery R2 2021新版亮点:扩展的组件功能](https://image.evget.com/2021/05/19/treelist-row-template30z3dhvarwjst7q4h.png)
jQuery TreeList强烈要求的功能是能够为整行定义自定义模板。之前开发人员只能逐列定义自定义模板,但是对于R2 2021,我们现在将行模板功能引入Kendo UI for jQuery TreeList。现在您可以完全控制TreeList中任何行的布局,甚至可以创建自定义元素来控制展开和折叠功能。
jQuery PDF Generator:导出任何SVG
在R2 2021中,Kendo UI for jQuery PDF Export库现在支持从HTML生成PDF文件时导出任何SVG元素,当传入HTML元素并将其所有内容导出到PDF文件时,这提供了更大的灵活性。
jQuery Scheduler:分层分组
![Kendo UI for jQuery R2 2021新版亮点:扩展的组件功能](https://image.evget.com/2021/05/19/scheduler-hierarchical-grouping4tgaoooddbkfhrv5q.png)
Kendo UI for jQuery Scheduler通过一种新的分层分组功能,收到了一种在R2 2021中组织事件的新方法,这使用户可以在一个或多个父事件或资源下组织事件。例如,对于一家拥有多个办公室的公司,每个办公室都有多个会议室和会议组织者。 在这种情况下,jQuery Scheduler将为按会议室分组的每个组织者显示日历。
jQuery Scheduler: Year视图
![Kendo UI for jQuery R2 2021新版亮点:扩展的组件功能](https://image.evget.com/2021/05/19/scheduler-year-view5v9ot0ygg010lq5dt.png)
在已经广泛应用的视图集(日、周、工作周、月、议程和时间轴)基础上,jQuery Scheduler在R2 2021中获得了Year View。 这使用户可以一次查看整个一年,并在一天中安排了活动时显示指标。有关更多详细信息,用户可以将鼠标悬停或单击适当的日期来查看弹出窗口,该弹出窗口显示在该特定日期安排了哪些事件。
jQuery Scheduler:更新24小时事件的渲染
![Kendo UI for jQuery R2 2021新版亮点:扩展的组件功能](https://image.evget.com/2021/05/19/scheduler-display-24h-events-as-normal-events6f3nwf805ibhr7quh.png)
总结使用R2 2021添加到Kendo UI for jQuery Scheduler的功能之后,我们现在有了更新的方式来显示24小时(或24小时以上)事件。以前,这些类型的事件将显示在计划程序顶部的“全天”区域,同时将“常规”天留空来为其他事件腾出空间(类似于Outlook)。借助这一新功能,用户可以将事件作为一个大事件占用一整天,甚至跨越多天。
jQuery Editor:通过拖动处理程序调整图像大小
![Kendo UI for jQuery R2 2021新版亮点:扩展的组件功能](https://image.evget.com/2021/05/19/editor-resize-images-with-handlers79hzyjh6xk9np1n4e.png)
Kendo UI for jQuery Editor添加了使用拖动在jQuery编辑器组件的内容中调整任何图像大小的功能。 启用此功能后,无论何时用户选择图像元素,他们都会看到拖动出现时,可以将图像调整为所需的大小。