使用 Grails 与 jQuery 创建 Web Calendar

核心提示： 上述代码清单中，当用户点击“Cancel”按钮时，使用 Grails 与 jQuery 创建 Web Calendar(10)，将会触发 cancelEvent() 事件，该方法将会发送请求到服务器，访问创建日程事件页面，图 2. 创建日程表单页面查看日程列表，调用取消日

上述代码清单中，当用户点击“Cancel”按钮时，将会触发 cancelEvent() 事件。该方法将会发送请求到服务器，调用取消日程服务，取消指定日程。代码清单如下：

清单 7. 取消日程方法

　function　cancelEvent(id)　{　
　　$.ajax({　
　　　　url:　'deletedWithJson',　
　　　　type:　'GET',　
　　　　data:　{id:id},　
　　　　dataType:　'json',　
　　　　timeout:　1000,　
　　　　error:　function(){　
　　　　　　alert('Error　can　not　connect　to　server.');　
　　　　},　
　　　　success:　function(data){　
　　　　　　if(data.result=='fail'){　
　　　　　　　　alert('Error　delete　event　in　database');　
　　　　　　}else　{　
　　　　　　　　$('#calendar').fullCalendar('removeEvents',　id);　
　　　　　　}　
　　　　}　
　　});　
　}　

示例运行结果

运行 grails run-app。访问 http://localhost:8080/MyCalendar，访问创建日程事件页面。

图 2. 创建日程表单页面

查看日程列表，该日程项已经被创建。如下图：

图 3. 日程列表页面