Click here to Skip to main content
15,888,293 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
jQuery FullCalendar not showing data for only one user and same code work fine for other users.

I have bind the data from code-behind. Every functionality i have checked.
Main problem is that
code runs for multiple users but not working for single user.

My jquery function:-

$(document).ready(function() {
            
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            $('#calendar').fullCalendar({
                
                showTime: true,
    	        theme: true,
    	        defaultView:'agendaDay',
    	        header: {
    	        
    		        left: 'prev,next, today',
    		        center: 'title',
    		        right: 'month,agendaWeek,agendaDay'
    	        },	
    	        editable: false,
    	        draggable: false,
    	        selectable: true,
                selectHelper: true,	  
    
                         eventClick: function(calEvent, jsEvent, view) {
                                   calEvent.dblclick(function (ev)
                                {
                                    return view.trigger('dblclick', this, event, ev);
                                })   
                        },
                         eventElementHandlers: function (event, eventElement)
                            {
                                var view = this; 
                                eventElement
                                .click(function (ev)
                                {
                                    if (!eventElement.hasClass('ui-draggable-dragging') &&
                                        !eventElement.hasClass('ui-resizable-resizing'))
                                    {
                                        return view.trigger('eventClick', this, event, ev);
                                    }
                                })
                                .dblclick(function (ev)
                                {
                                    
                                    return view.trigger('dblclick', this, event, ev);
                                })
                                .hover(
                                    function (ev)
                                    {
                                        view.trigger('eventMouseover', this, event, ev);
                                    },
                                    function (ev)
                                    {
                                        view.trigger('eventMouseout', this, event, ev);
                                    }
                                );
                            },
                             eventRender: function(event, element) {
                             
                               element.bind('dblclick', function() {
                                $("#dialog").dialog('open');
                                if (calEvent.url) {
                                        window.open(calEvent.url);
                                        return false;
                                      }
                                    //element.find(".fc-event-title").html(event.title + ": <span>" + event.description + "</span>");
                                alert('double click!');                         
                            });
                            }
        //            dayClick: function (date, allDay, jsEvent, view) { 
        //                  $("#dialog").dialog('open');
        //                }      
                });`for today button click`
                $('.fc-button-today span').click(function(){ 
                    var action="today";
                    var view =  $('#calendar').fullCalendar('getView');
                    var strView = view.name;
                    var date = new Date();
                    var strStartDate = $.fullCalendar.formatDate(date, 'yyyy-MM-dd');
                    window.location.href="../Menu/Calendar.aspx?startCaldate=" + strStartDate + "&action=" + action + "&view=" + strView;
                 });
    for previous button click
               $('.fc-button-prev span').click(function(){ 
                    var action="prev";
                    var view =  $('#calendar').fullCalendar('getView');
                    var strView = view.name;
                    var loadStartDate = view.start;
                    var strStartDate = $.fullCalendar.formatDate(loadStartDate, 'yyyy-MM-dd');
                    var loadEndDate = view.end;
                    var strEndDate = $.fullCalendar.formatDate(loadEndDate, 'yyyy-MM-dd');
                    window.location.href="../Menu/Calendar.aspx?startCaldate=" + strStartDate + "&action=" + action + "&view=" + strView + "&endCaldate="+ strEndDate;
               });
               $('.fc-button-next span').click(function(){            
                    var action="next";
                    var view =  $('#calendar').fullCalendar('getView');
                    var strView = view.name;
                    var loadStartDate = view.start;
                    var strStartDate = $.fullCalendar.formatDate(loadStartDate, 'yyyy-MM-dd');
                    var loadEndDate = view.end;
                    var strEndDate = $.fullCalendar.formatDate(loadEndDate, 'yyyy-MM-dd');
                    window.location.href="../Menu/Calendar.aspx?startCaldate=" + strStartDate + "&action=" + action + "&view=" + strView + "&endCaldate="+ strEndDate;
                });
                 $('#my-button').click(function() {
                     var d = $('#calendar').fullCalendar('getDate');
                     alert("The current date of the calendar is " + d);
                    });
                $("#dialog").dialog({
                    autoOpen: false,
                    height: 350,
                    width: 700,
                    modal: true,
                    buttons: {
                        'Create event': function () {
                            $(this).dialog('close');
                        },
                        Cancel: function () {
                            $(this).dialog('close');
                        }
                        },
                        close: function () {
                        }
                });
            });
    
        function showDate(date,month,year,viewName){
           
            $('#calendar').fullCalendar( 'changeView', viewName );
            $('#calendar').fullCalendar( 'gotoDate', year, month, date);
        }  
         
        // javascript for adding db events in calendar
        function addEvents(myid,mytitle, startDate, endDate, url, color) { 
        
        //$('#calendar').fullCalendar( 'removeEvents', [2]);
        var source1 = {
        events: [
        {
            id: myid,
            title: mytitle,
            start: startDate,
            end : endDate,
            url : url,
            allDay: false
        },
        ],
        color: color,   // an option!
        textColor: 'black' // an option!
        
       };
        $('#calendar').fullCalendar('addEventSource', source1);
        $('#calendar').fullCalendar('refetchEvents');
    }
Posted

1 solution

DO NOT repost your question when you already have an active post.

If the problem is with that one user, the problem is either with that users browser or with the data that they are using. It's up to you to determine this. All we can do is tell you where to look, which we've already done.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS


CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900