使用Asp.Net中的webservices在JQUERY中完整的日历

时间:2010-04-19 17:12:41

标签: jquery fullcalendar

这是我的代码。它适用于获取数据和解析,但我无法显示事件。请告诉我可能的原因。

我觉得回调(事件)在这里不起作用。

 events: function(callback)
                {
                    $.ajax({
                        type: "POST",
                        url: "WebService.asmx/hello",
                        data: "{}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function(data)
                        {
                            var evnt = [];
                            $(data.d).find('event').each(function()
                            {

                                evnt.push({
//                                    title: $(this).attr('title'),
//                                    start: $(this).attr('start'),
                                //                                    end: $(this).attr('end')
                                       title: 'Events1',
                                       start: '2010-04-01',
                                       end: '2010-04-10'
                                });

                            });
                              alert('called end');
                            callback(evnt);

                        },
                        error: OnError
                    });
                }

3 个答案:

答案 0 :(得分:0)

我相信startend需要是Date对象

title: 'Events1',
start: new Date(2010, 4, 1),
end: new Date(2010, 4, 10)

请参阅文档:http://arshaw.com/fullcalendar/docs/event_data/Event_Object/

答案 1 :(得分:0)

我写了一个如何使用Web服务让FullCalendar在ASP.NET中工作的例子。

http://jake1164.blogspot.com/2010/06/jquery-fullcalendar-and-aspnet.html

答案 2 :(得分:0)

我遇到了这个问题,无论我如何在.asmx文件中修饰类或方法,我都不断获取XML作为结果。我终于找到了一个帮助我创建标准.aspx页面的链接。 .aspx文件如下所示:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ScheduledEvents.aspx.cs" Inherits="ScheduledEvents" %>

我的.aspx.cs文件是这样的:

public partial class ScheduledEvents : System.Web.UI.Page
{
 protected override void Render(HtmlTextWriter writer)  
 {
   List<Event> itemList = new List<Event>();
   for (int i = 0; i < 5; ++i)
   {
        Event newEvent = new Event();
        newEvent.id = i;
        newEvent.className = "";
        newEvent.title = "Test";
        newEvent.start = (((int)DateTime.Now.AddDays(i).ToUniversalTime().Subtract(Event.rootTime).TotalSeconds)).ToString();
        newEvent.end = (((int)DateTime.Now.AddDays(i).AddMinutes(60).ToUniversalTime().Subtract(Event.rootTime).TotalSeconds)).ToString();
        newEvent.url = "http://www.google.com";
        newEvent.allDay = false;
        itemList.Add(newEvent);
   }
   Response.Clear();
   Response.ContentType = "application/json";
   Response.Write(new JavaScriptSerializer().Serialize(itemList.ToArray()));  
 }
}

您可以猜到Event类的构成,但它看起来像这样:

public class Event
{
  public static readonly DateTime rootTime = DateTime.Parse("1970-01-01 00:00:00");
  public int id = default(int);
  public string className = string.Empty;
  public string title = string.Empty;
  public string start = string.Empty;
  public string end = string.Empty;
  public string url = string.Empty;
  public bool allDay = false;
}

完整日历使用自1970年1月1日以来的秒数,因此使用“rootTime”。此外,startDate&amp; endDate被转换为int来修剪小数位,Full Calendar不喜欢这样。