定义

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

  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预计在这里。
其他数据额外的数据被添加到日历条目。

 

NameDescription
Google日历集成 -
其他数据

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

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

  1. 您的应用程序发送给Google Calendar API的每个请求都必须包含授权令牌。令牌还标识您的应用程序给谷歌。以下是获取Google Calendar API密钥的步骤：
    • 转到Google Developer Console并创建一个新项目（可能需要一秒钟）。
    • 一旦进入项目，请转到侧边栏上的API＆auth> API。
    • 在列表中找到“Calendar API”并将其打开。
    • 在边栏上，点击API和身份验证>凭证。
    • 在“公共API访问”部分，点击“创建新密钥”。
    • 选择“浏览器键”。
    • 如果您知道哪些域名将托管您的日历，请将其输入框中。否则，请留空。您可以随时更改。
    • 您的新API密钥将会出现。开始工作之前可能需要一两秒钟。
    • 将您的API密钥复制并粘贴到“日历”菜单属性“配置日历菜单>数据文件夹>高级”页面中。
  2. 让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
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缓存进行性能改进，了解更多信息。

 

 

 

  • No labels