KendoReact

反应调度器

  • React Scheduler将Outlook日历的功能引入到单个UI组件中,可以添加到任何React应用程序中。
  • KendoReact库的一部分,连同100+专业UI组件与React为React建立,从地面上。
  • 快速开始与我们屡获殊荣的支持,详细的文档,交互式演示和教练领导的培训。
  • 概述

    KendoReact调度器组件为任何React应用程序提供了类似Outlook或谷歌calendar的日历体验,只需最少的设置。有了对时区转换、资源可视化、分组、编辑和重复事件的支持,React Scheduler组件只需几行代码就可以满足调度方面的复杂需求。

    参见React Scheduler概述演示

    React Scheduler -概述,KendoReact UI库
  • 天的观点

    KendoReact调度程序的日视图显示了一天内所有可用的事件。开发人员可以完全控制每天的开始和结束时间,因此可以将时间限制在工作日,并在一天的顶部显示一个“全天”插槽,以显示阻塞了一整天的事件。

    参见React Scheduler日视图演示

    React调度程序-日视图,KendoReact UI库
  • 周视图和工作周视图

    通过KendoReact调度程序的周视图,用户可以看到他们一周内可用的所有事件。使用预定义的Workweek视图,只会显示有限的天数。每周哪一天开始和哪一天结束可以定制,以适应任何日程安排的需要。

    参见React Scheduler Week和Workweek Views演示

    每周和工作周视图,KendoReact UI库
  • 月视图

    React Scheduler的月视图显示了整个月的事件值,突出显示了每天的几个事件,并明确指示了某一天的事件比当前显示的多。

    参见React Scheduler月视图演示

    月视图,KendoReact UI库
  • 时间轴视图

    KendoReact调度器的时间轴视图将调度器从以垂直方式显示时间转换为以水平方式显示事件。

    参见React Scheduler Timeline View演示

    时间轴视图,KendoReact UI库
  • 日程视图

    有了议程视图,KendoReact Scheduler可以在更紧凑的视图中显示所有即将到来的事件,在水平滚动时将每个事件作为议程项显示。由于移动设备上的日历应用程序而流行起来,议程视图可以用来快速掌握所有即将到来的事件,而不需要查看一天中所有可用的时间段。

    参见React Scheduler Agenda View演示

    日程表视图,KendoReact UI库
  • 多事件选择

    KendoReact Scheduler支持选择多个事件的能力。选择事件后,可以通过可用的API方法将它们作为一个组重新排列、删除或编辑。

    参见React Scheduler Selection演示

    React SchedulerComponent选择
  • 数据绑定

    KendoReact Scheduler包含用于处理所有可用功能的内置逻辑,这需要底层数据模型上的某些字段可用。React Scheduler并不强制执行严格的数据模型,它足够灵活,可以让开发人员连接到任何对象,并简单地指出应该使用哪些字段来表示所需的信息。

    参见React Scheduler数据绑定演示

  • 事件

    事件是KendoReact Scheduler的核心,因为它们负责显示添加到日历中的内容。事件可以是静态的,可以用resize处理程序调整大小,可以拖动以更改其位置,也可以编辑。

    事件,KendoReact UI库
  • 递归式

    KendoReact调度程序有一个内建的递归编辑器,允许任何事件发生在每天,每周,每月和每年的基础上。它还允许这些递归规则的例外,确保递归的任何要求都可以满足。

    参见React Scheduler recurer演示

    React调度器-递归,KendoReact UI库
  • 资源

    React Scheduler中的资源允许对事件进行分类,使它们具有与日历上其他事件不同的独特外观。这些资源可以是拥有共同外观和感觉的个人、房间或任何类型的团体。

    参见React Scheduler参考资料演示

    React Scheduler -资源,KendoReact UI库
  • 任务

    KendoReact Scheduler中的任务负责在议程视图中显示信息。当当前活动视图为议程视图时,Scheduler组件将自动将提供的数据集合转换为任务组件。

    参见React Scheduler任务演示

    React Scheduler -任务,KendoReact UI库
  • KendoReact Scheduler中的Slots组件负责在整个调度程序中显示每个小时、日或月的槽位,让开发人员可以细粒度地控制如何在日历中显示项。

    参见React Scheduler Slots演示

    React Scheduler -插槽,KendoReact UI库
  • 编辑

    KendoReact Scheduler允许用户通过双击鼠标或通过键盘导航与事件交互,从而编辑单个事件或重复事件。内置编辑器为绑定到所选事件的任何字段提供了适用的表单组件。

    参见React Scheduler编辑演示

    React Scheduler -编辑,KendoReact UI库
  • 自定义编辑器表单

    KendoReact Scheduler提供了一个预先构建的编辑器表单,用于编辑日历事件。使用自定义编辑器表单(Custom Editor Form)功能添加更多用于定制的字段和选项,比如在线加入事件的提醒和链接。这允许React开发人员利用自定义呈现器来表示编辑事件时出现的表单,使您可以完全控制事件编辑表单的呈现。

    参见React Scheduler自定义编辑器表单演示

    React Scheduler组件自定义编辑器表单
  • 分组

    KendoReact Scheduler的分组特性允许将视图中的任何资源分组在一起。这提供了两个不同资源之间的快速比较,以及它们各自的日程安排是什么样子的。

    参见React Scheduler分组演示

    分组,KendoReact UI库
  • 时区

    KendoReact Scheduler提供了在不同时区显示事件的内置支持。默认情况下,Scheduler组件将利用浏览器的本地时区来显示userâ时区内正在发生的事件,但也可以设置跨所有用户的固定时区。

    参见React Scheduler时区演示

  • 自定义渲染

    KendoReact Scheduler的许多构建块是由组件构建的,其中许多组件接受自定义呈现器。这确保了开发人员可以对React Scheduler的外观和感觉进行细粒度控制。自定义可以从简单地更新外观到插入自定义组件(如果适用的话)。

    自定义渲染,KendoReact UI库
  • 自适应槽高

    默认情况下,KendoReact Scheduler组件会进行调整,以适应视图槽中的所有项目。然而,有时您的用户可能有比他们当前视图所能容纳的更多的计划项目,或者根本没有计划项目。这就是React Scheduler的自适应槽高度特性发挥作用的地方,它使您能够设置调度器槽的最小高度,以防止在没有计划事件时槽消失——如果需要,还可以扩展其高度以容纳当天的所有计划项目。

    参见React Scheduler自适应槽高度演示

  • 自动物品高度

    当事件水平显示时,自动项目高度功能处理自动调整或定义事件高度的能力。这包括TimelineView和MonthView,以及Day、Week和WorkWeek视图的allDay部分。

    参见React Scheduler自动项目高度演示

  • 当前时间标记

    当启用时,KendoReact调度器的当前时间标记功能显示一条横过调度器界面的线,显示userâ ' '的机器当前时间。当用户浏览当前计划的事件时,这为他们提供了一个参考点。

    参见React Scheduler当前时间标记演示

    反应调度程序组件当前时间标记
  • 全球化

    负责处理依赖于时间的数据,以及包含几个内置字符串,用于在KendoReact Scheduler中显示信息、本地化和全球化,这些都非常重要。考虑到这一点,Scheduler中的任何消息都可以本地化为任何语言,组件也可以以从右向左的模式呈现。

    参见React Scheduler全球化演示

    React Scheduler -全球化,KendoReact UI库
  • 键盘导航

    KendoReact Scheduler组件提供了开箱即用的键盘导航。这可以帮助用户通过简单地使用键盘遍历React Scheduler的任何元素并与之交互。

    参见React Scheduler键盘导航演示

  • 可访问性

    可访问性是KendoReact UI库的一个核心方面。考虑到这一点,KendoReact调度器符合Section 508和WAI-ARIA标准,并符合WCAG 2.0的AA评级。

    参见React Scheduler可访问性演示

    React可访问性- KendoReact

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看KendoReact的实际操作,看看它可以做多少开箱即用的工作。

看到价格

购买一个单独的KendoReact许可证,或对待自己的Kendo UI,我们完整的JavaScript包。

开始免费试用

尝试有专门技术支持的KendoReact。

Baidu
map