javascript - 在选择时使用参数触发完整日历刷新

标签 javascript jquery grails fullcalendar

在选择框中选择一个值时,我想使用特定参数触发刷新事件。

我在grails标签中定义了选择框:

<g:select name="resourceId"
                from="${Resource.list()}"
                optionKey="id"
                optionValue="name"
                onchange="refreshCalendar()"/>

我知道我可以使用标签中的onchange项目触发JS函数。

refreshCalendar函数:
$('#calendar').fullCalendar('refetchEvents')

我的日历配置为:
$('#calendar').fullCalendar({
  events: '${createLink(action:'loadSchedule' )}'
}

现在如何在全日历配置中提供日历刷新功能或事件项,并在选择框中选择一个id参数?

谢谢

最佳答案

不知道这是否是“很酷”的方法,但是现在可以通过以下解决方案使用:

var source;
        function refreshCalendar(id) {
            source = '${createLink(action:'loadSchedule' )}' + '?resourceId=' + id;
            $('#calendar').fullCalendar('removeEvents');
            $('#calendar').fullCalendar('addEventSource', source );
            $('#calendar').fullCalendar('rerenderEvents');
            $('#calendar').fullCalendar('removeEventSource', source );
        }

因此,日历将使用新的src加载,之后将其删除

关于javascript - 在选择时使用参数触发完整日历刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7759898/

相关文章:

grails - 在内存中创建文件并让用户下载

javascript - Jquery 通过 $(this).trigger ('mousedown' ) 从直接 mousedown 事件和模拟中捕获不同的数据;

javascript - 使用 javascript 和 Node 的 Windows AD 单点登录

javascript - 如果 Ext.override() 不存在,是否会创建一个新函数?

javascript - 使替换函数不区分大小写

javascript - 如何在父 div 中调整子 div 大小时隐藏 div

Jquery:如何查找元素是否具有内联属性(CSS 中没有)

hibernate - grails (GORM)/hibernate 中的多对多链接表

hibernate - 您如何在GORM子文档字段中进行不同的查询?

javascript - javascript 中的 IIFE 和全局作用域