jquery 在模态消除后重新加载Zabuto Calendar的 AJAX 数据

xt0899hw  于 2023-05-06  发布在  jQuery
关注(0)|答案(2)|浏览(109)

我正在为一家公司做一个时间管理系统。
我将Zabuto Calendar与User Frosting结合使用,这两个项目都非常出色。
然而,我正在努力让Zabuto重新加载它的JSON数据的模态解雇。
如果您想象一下,在调用onclick为日历上的特定日期并输入值之后,用户会希望关闭模态窗口,并继续到下一个日期。
月历视图用不同等级的颜色显示每个日期,以表示当天是否有事件。
当用户关闭该模式时,日历不会更新其JSON数据。
http://zabuto.com/dev/calendar/examples/show_data.html
下面是一个zabuto日历如何工作的例子^^

$("#ts-calendar").zabuto_calendar({
    action: function () {
        return myDateFunction(this.id, false);
    },
    action_nav: function () {
        return myNavFunction(this.id);
    },
    ajax: {
        url: "/api/sql/show_data.php?action=1&user=<? echo $loggedInUser->user_id; ?>",
        modal: true
    },
    show_days: true, 
    weekstartson: 0,
});
qf9go6mv

qf9go6mv1#

好的,我想这是一个足够的解决方案,因为原始代码已经使用 AJAX 加载数据,一个简单的重载数据的方法是重载日历。
因此,如果有人遇到同样的问题,只需将您的日历代码/脚本复制到一个新文件中,将其加载到DOM就绪,然后您就可以在需要时触发该函数来加载日历。
您需要将月份和年份从模态传递到日历,就像您正在处理与当前月份不同的月份一样,日历将重新加载到当前月份,而不是您打开模态的月份。
希望这能帮上忙。

yruzcnhs

yruzcnhs2#

我找到了正确的解决方案,你可以破坏它,并再次初始化$schedule_calendar.zabuto_calendar()-方法有API我没有找到的文档,但我只是尝试它,它突然工作,你可以使用这样的:

$schedule_calendar.zabuto_calendar('destroy');
$schedule_calendar.zabuto_calendar('reload');

相关问题