支持 URL 查询参数

LIVE DEMO

urlQueryParameters facet 支持使用 URL 查询参数访问 FullCalendar 组件。URL 状态参数中可以绑定 2 个属性：

  • 日历显示模式：可以控制日历显示的视图（例如，按日、周、月等）。

  • 导航日期：指定日历显示的初始日期。

基本用法

要将 URL 查询参数与 FullCalendar 组件绑定，请定义 urlQueryParameters facet 并在内部的 calendar:calendarParameters 元素中定义已有日历组件的标识符：

<facets>
    <urlQueryParameters>
        <calendar:calendarParameters component="calendar"/>
    </urlQueryParameters>
</facets>
<layout>
    <calendar:calendar id="calendar"
                       height="100%"
                       width="100%"/>
</layout>

根据 URL 中的参数设置日历当前显示模式和日期，例如：

http://localhost:8080/url-query-parameters-view?calendarDisplayMode=dayGridMonth&calendarDate=2024-10-17

在 Jmix Studio 中，可以通过 Jmix UI 属性面板查看和编辑 facet 的属性。

属性

calendarParameters 元素有下列属性：

  • component：相关 FullCalendar 组件的标识符。

  • calendarDisplayModeParam（可选）：URL 查询参数中表示日历显示模式的参数名。

  • calendarDateParam（可选）：URL 查询参数中表示导航日期的参数名。