0

こんにちは、ここで、div からデータを削除し、新しいデータをその div に再バインドしたいと考えています。どうすればこれを実現できますか。div タグのここでは、いくつかのイベントで完全なカレンダーを表示しています。ここで、その div のデータを削除し、新しいイベントを同じ div タグに再バインドします

$.ajax({
    type: "POST",
    contentType: "application/json",
    data: dataString,
    url: "ViewEvents.aspx/GetState",
    dataType: "json",
    success: function (data) {

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
             },
             //select: selectDate,
             eventClick: updateEvent,
             droppable: false,
             draggable: false,
             disableDragging: true,
             timeFormat: 'H:mm',
             selectable: true,
             selectHelper: true,
             eventTextColor: 'Yellow',
             eventBackgroundColor: 'purple',
             events:
                 $.map(data.d, function (item, i) {
                     //  $('#calendar').fullCalendar('addEventSource', item);
                     var sdate = item.StartDate
                     var sdatesplit = sdate.split("/");
                     var sm = sdatesplit[0];
                     var sm = sm - 1;
                     var sd = sdatesplit[1];
                     var sy = sdatesplit[2];
                     var syearsplit = sy.split(" ");
                     var edate = item.EndDate;
                     var edatesplit = edate.split("/");
                     var em = edatesplit[0];
                     var em = em - 1;
                     var ed = edatesplit[1];
                     var ey = edatesplit[2];
                     var eyearsplit = ey.split(" ");
                     var stime = item.EventStarttime;
                     var stimesplit = stime.split(":");
                     var etime = item.EventEndtime;
                     var etimesplit = etime.split(":");
                     var event = new Object();
                     event.id = item.EventID;
                     event.start = new Date(syearsplit[0], sm, sd, stimesplit[0], stimesplit[1]);
                     event.end = new Date(eyearsplit[0], em, ed, etimesplit[0], etimesplit[1]);
                     event.title = item.EventName;
                     event.allDay = false;
                     return event;

                })
        });
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        debugger;
    }
});
4

2 に答える 2

0

$('#calendar').html(""); 使用できるグリッドを再バインドするには、グリッドをクリアできます

$('#calendar').append('yourelements')` or 

$('#calendar').add('yourelements')

`

于 2013-06-22T10:54:56.010 に答える
0

これを試して :

$('#calendar').empty();

または

$('#calendar').fullCalendar('destroy');

プラグインのドキュメントを参照してください。

于 2013-06-22T10:32:26.693 に答える