日历


定义

日历菜单在应用程序的用户视图中显示日/周/月日历视图。

  1. 以日历日/周/月视图格式显示您自己的数据记录。为此,您需要将存储日历记录的表单和字段ID映射到日历插件属性页面。您可以 从Joget Marketplace 下载示例  日历应用程序

  2. 日历菜单插件还可以连接到Google API,在相同的日历日/周/月视图中显示您最喜欢的国家的公共假日。您需要一个Google日历API密钥,以下是更多详细信息。

新功能

这是Joget Workflow v6中的一个新功能。

查看示例应用程序

查看Joget Marketplace中的示例日历菜单应用程序 进行演示。

图1:日历菜单

 

图2:属性 

名称

描述

自定义ID物品链接slu </s>。可选字段。


独特的领域

 

 在这里定义的值必须是唯一的用户视图菜单的其余部分,因为第一个匹配的名称将被调用。

标签菜单标签。必填项。页面标题日历页面标题数据粘结剂列表列表绑定器将示出从源条目数据。

自动处理日期范围启用自动处理日期范围或禁用手动使用您的资料夹配置#requestParam.start#和#requestParam.end#。

日期格式是yyyy-MM-dd。

名称

描述

事件ID(列ID)定义个人日历条目ID。表单字段ID预计在这里。事件标题(列ID)日历项目标题。表单字段ID预计在这里。全天(列ID,布尔值)预计真/假值。表单字段ID在这里。从日期(列ID)日历输入日期的值。表单字段ID预计在这里。从时间(列ID)日历输入时间从价值。表单字段ID预计在这里。截止日期(列ID)日历输入日期的值。表单字段ID预计在这里。到时间(列ID)日历输入时间的价值。表单字段ID预计在这里。日期格式Java中的日期格式预计在这里。例如yyyy-MM-dd。事件URL (列ID)日历条目网址。表单字段ID预计在这里。颜色(列ID)日历条目 CSS颜色代码。表单字段ID预计在这里。CSS类(列ID)日历条目CSS类。表单字段ID预计在这里。其他数据额外的数据被添加到日历条目。

 

Name

Description

Name

Description

Google日历集成 -

其他数据

用于从Google日历加载日历条目的配置。

如果您希望日历菜单插件连接到Google日历,请注意

  1. 您的应用程序发送给Google Calendar API的每个请求都必须包含授权令牌。令牌还标识您的应用程序给谷歌。以下是获取Google Calendar API密钥的步骤:

  • 转到Google Developer Console并创建一个新项目(可能需要一秒钟)。
  • 一旦进入项目,请转到侧边栏上的API&auth> API。
  • 在列表中找到“Calendar API”并将其打开。
  • 在边栏上,点击API和身份验证>凭证。
  • 在“公共API访问”部分,点击“创建新密钥”。
  • 选择“浏览器键”。
  • 如果您知道哪些域名将托管您的日历,请将其输入框中。否则,请留空。您可以随时更改。
  • 您的新API密钥将会出现。开始工作之前可能需要一两秒钟。
  • 将您的API密钥复制并粘贴到“日历”菜单属性“配置日历菜单>数据文件夹>高级”页面中。
  1. 让Google日历公开的步骤:

  • 在Google日历界面中,找到左侧的“我的日历”区域。
  • 将鼠标悬停在所需的日历上,然后点击向下的箭头。
  • 将出现一个菜单。点击“日历设置”。
  • 选中“使这个日历公开”。
  • 确保“仅共享我的空闲/忙碌信息”未选中。
  • 点击“保存”。
  • 获取您的Google日历ID:
  • 在Google日历界面中,找到左侧的“我的日历”区域。
  • 将鼠标悬停在所需的日历上,然后点击向下的箭头。
  • 将出现一个菜单。点击“日历设置”。
  • 在屏幕的“日历地址”部分,您将看到您的日历ID。它会看起来像“abcd1234 @ group.calendar.google.com ”。
  • 将您的API密钥复制并粘贴到“日历”菜单属性“配置日历菜单>数据文件夹>高级”页面中。
  • 您可以在Google Calendar API  网站上阅读更多内容  。

事件渲染回调(Javascript)

自定义的Javascript代码。渲染回调后的事件(Javascript)

自定义的Javascript代码。所有渲染回调后的事件(Javascript)

自定义的Javascript代码。事件点击回叫(Javascript)

自定义的Javascript代码。

Sample Code to open up form view in a popup dialog

1

2

var popupActionDialog = new PopupDialog("calendarDisplayForm?id="+event.id+"&embed=true");

popupActionDialog.init();

时间显示格式

Refer to https://fullcalendar.io/docs/date-formatting-string for formats.自定义标题(HTML)

HTML中的自定义标题显示在日历的顶部。自定义页脚(HTML)

HTML中的自定义页脚显示在日历的底部。

性能

您可以在此UserView元素中配置“ 性能”设置,以允许缓存现有内容以提高性能和加载速度。使用Userview缓存进行性能改进,了解更多信息。

文档更新时间: 2018-11-07 07:09   作者:杨向宝