为Blazor开发Telerik UI

Blazor调度器

  • Blazor Scheduler组件允许您在日历中显示事件集合，以便于查看、创建、编辑和删除约会，管理未来几天的重复会议和异常。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计，以完美适合任何应用程序的需求。
  • Blazor UI套件还配有专业设计的主题，只需轻按开关，文档处理库，丰富的文档和演示，帮助您立即开始。
下载免费试用
为Blazor套件的Telerik UI
美国国家航空航天局(Nasa)签证,微软 福克斯、三星、IBM 世界银行集团，沃尔沃

  • Blazor调度程序概述

    Telerik Blazor Scheduler组件随着时间的推移显示一组事件和资源，因此您可以在WebAssembly (WASM)和服务器端Blazor应用程序中管理(编辑)预订、议程、工作日和共享资源(如会议室)。

    查看Blazor调度器演示

    Blazor调度程序概述

  • Blazor Scheduler数据绑定

    要设置一个调度程序，只需向它提供一个您的约会集合作为数据源它会将它们转化。

    用于Blazor数据绑定的Telerik UI

  • Blazor多调度程序视图

    Scheduler提供了几种显示当前时间和事件的模式，以满足特定的需求。视图越细，你能看到的精确度就越高，但你会看到更少的事件和更短的时间段:

    您可以使用各种设置．

    用于Blazor调度器视图的Telerik UI

  • 调度程序编辑任命

    您不仅可以看到当前事件，还可以让您的用户编辑、删除和创建新的约会．您可以单独控制这些操作，以便某些用户只能创建事件，而不能编辑或删除(例如，接受预订的实习生不应该能够意外删除现有的预订)。

    然而，任何人都可能点击错误，最终删除重要的约会。这就是为什么我们添加了一个删除确认弹出窗口，当用户单击[x]按钮时显示。它要求对操作进行确认，并提供一个取消按钮。如果要删除的约会是一系列事件的一部分，则可以选择只删除此事件或该系列中的所有事件。

    的用于Blazor的Telerik调度程序中的CRUD操作通过一组专门的事件和参数进行管理，因此您可以无缝插入业务逻辑和服务。万博体育手机版网址

    Telerik UI为Blazor调度器-删除确认

  • 调度程序调整任命

    将鼠标悬停在一个约会上，你会看到调整手柄的大小，你可以用它来改变它的持续时间，而不必打开完整的编辑表单和摆弄日期时间选择器。更容易的用户体验，但对开发人员来说，事件和API是相同的。

    看到它在行动任命编辑演示

    Telerik UI为Blazor调度器调整约会

  • 调度器拖放约会

    只需通过滑动进行拖放操作，就可以移动事件，作为通过默认编辑表单编辑事件的备选方案。去看看任命编辑演示．触发相同的Update事件，因此不需要以任何特殊方式处理它。

    用于Blazor调度器拖放事件的Telerik UI

  • 有条件的预约格式

    调度程序将触发OnItemRender事件在每个约会即将呈现时执行一次。事件的处理程序最好用于根据约会中的某些值修改特定项的CSS类。例如，根据约会发生的日期给所有约会上色。

  • 事件调度器资源

    事件可以与资源(比如一个工具、一个会议室或一个人)，Telerik Scheduler可以让你相应地给约会上色，这样你就可以一目了然地看到他们被分配给谁，或者他们将在哪里发生。

    为Blazor调度器资源的Telerik UI

  • 调度器的约会

    每天的团队会议或每月与经理的签到都可以创建一次，Telerik Scheduler会将它们扩展为一个重复的系列，就像Outlook一样。然后您可以一次编辑整个系列，或者一个称为异常的特定实例。

    看他们在行动反复出现的事件演示。

    Telerik UI为Blazor调度器循环约会

  • 调度器资源分组

    Scheduler组件提供一个或多个资源的内置分组功能。有了这个新功能，您可以轻松地将约会按资源分组，并让用户执行任何后续操作，如调度或预订。Scheduler资源分组功能在水平和垂直模式下都能正常工作。

    检查Blazor调度程序分组功能
    用于Blazor调度程序的Telerik UI -资源分组

  • 自定义弹出编辑窗口

    Blazor Scheduler组件在专用的SchedulerPopupEditSettings标签中为弹出编辑器公开了多个设置。你可以设置(最大)宽度，(最大)高度，CSS类。此外，我们提供了schedulerpopupedformsettings标记，它允许您配置表单的方向(水平或垂直)、表单的列和列间距布局参数，以及通过button营养学配置表单中按钮的水平对齐方式。


  • 任命模板

    通过为约会指定模板来控制约会在Scheduler组件中的呈现方式。模板允许你覆盖每次约会的视觉效果，但你仍然可以保留所有的标准交互——拖拽和调整大小，删除图标等等。Scheduler支持两种类型的模板:

    • ItemTemplate用于一天内的常规约会
    • AllDayItemTemplate用于耗时一整天的事件。

    请参阅关于实现的详细文档自定义模板．

    用于Blazor调度程序约会模板的Telerik UI

  • DateHeader模板

    默认情况下，Scheduler组件以自定义格式“ddd M/dd”呈现日期。要更改日期和月份顺序，您需要使用date Header Template，它允许您定制日、周和时间轴视图的日期头槽的呈现。此外，还有更多的模板可以覆盖——如果没有合适的数据要显示，则使用“No data”时间表，而删除确认——当您想覆盖不可自定义的默认提示时。
    看到演示
    Telerik UI为Blazor调度器- DateHeader模板

  • 事件

    Scheduler组件触发各种事件，这些事件帮助您在单击约会或需要由最终用户管理约会时轻松地控制逻辑。这些事件包括:
    • 反刍的事件
    • OnModelInit
    • ItemRender
    • 集中DateChanged
    • ViewChanged
    • OnItemClick
    • OnItemContextMenu
    • OnItemDoubleClick。
    看到演示
    Blazor Events的Telerik UI

  • 键盘导航

    通过键盘导航支持，Scheduler用户可以循环使用可用的时间段和预定的约会，同时还可以在不接触鼠标的情况下创建新的约会。
    Telerik用户界面为Bazor键盘导航

  • 调度器全球化和本地化

    Telerik Blazor Scheduler组件对当前用户区域性自动做出反应。日期格式和一周的第一天将自动更改，您可以轻松地翻译按钮文本和标签。去看看调度器全球化演示．

    用于Blazor全球化和本地化的Telerik UI

  • Blazor调度器主题

    Telerik Blazor调度器有几个内置主题比如Default(我们自己的样式)，Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题，或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序．

    为Blazor调度器主题的Telerik UI

所有Blazor组件

数据管理

调度

编辑器

数据可视化

交互性和用户体验

导航

布局

地理可视化

文档处理

PDF

生产力工具

仪表

标签

文件管理

下一个步骤

发射演示

请参阅用于Blazor的Telerik UI，看看它可以做多少开箱即用的工作。

下载免费试用

尝试为Blazor提供专门的技术支持的Telerik UI。

Baidu
map