Quantcast
Channel: SmartClient Forums
Viewing all articles
Browse latest Browse all 4756

Creation of Timeline aborts with js-error

$
0
0
Hey guys,

recently we found out that the calendar/timeline is not displayed correctly anymore.
If we want to display an event that starts before and ends after the displayed dateinterval, the following errors occur:
"TypeError: _7 is undefined" (in Firefox) or "Uncaught TypeError: Cannot read property 'totalSlots' of undefined" (in Chrome).
As in the example the example doesn't load at all.

Code:

isc.Timeline.create({
        "ID" : "timeline",
        "width" : "100%",
        "height" : "100%",
        "overflow" : "auto",
        "hideUsingDisplayNone" : false,
        "startDate" : new Date(2015, 2, 2),
        "endDate" : new Date(2015, 2, 29),
        "headerLevels" :
        [{
                        "unit" : "week"
                }, {
                        "unit" : "day",
                        "titleFormatter" : function (headerLevel, startDate, endDate, defaultValue, viewer) {
                                return startDate;
                        },
                        "headerWidth" : 39
                }
        ],
        "canEditEvents" : false,
        "canCreateEvents" : false,
        "autoFetchData" : true,
        "showControlsBar" : false,
        "firstDayOfWeek" : 1,
        "weekPrefix" : "Calendar week",
        "todayBackgroundColor" : "#E0E0E0",
        "showEventDescriptions" : false,
        "showEventHeaders" : false,
        "getEventHoverHTML" : function (event, eventWindow) {
                var result = "";
                if (event.showDate) {
                        var beginDateString = event.startDate.toShortDate(this.dateFormatter, false);
                        var endDateString = event.endDate.toShortDate(this.dateFormatter, false);
                        var showEventTime = event.isTrip;
                        result += beginDateString;
                        if (showEventTime) {
                                result += " ";
                                result += isc.Time.toTime(event.startDate, this.timeFormatter, true);
                        }
                        if (beginDateString != endDateString) {
                                result += " - ";
                                result += endDateString;
                        } else if (showEventTime)
                                result += " - ";
                        if (showEventTime) {
                                result += " ";
                                result += isc.Time.toTime(event.endDate, this.timeFormatter, true);
                        }
                        result += "<BR><BR>";
                }
                result += event.description;
                return result;
        },
        "getDateCSSText" : function (date, rowNum, colNum, viewer) {
                if (colNum != 0 && (date.getDay() == 6 || date.getDay() == 0))
                        return "background-color: #74A5D2";
                else
                        return this.Super("getDateCSSText", arguments);
        },
        "eventSnapGap" : 37,
        "labelColumnWidth" : 200,
        "alternateLaneStyles" : true,
        "laneFields" :
        [{                       
                        "name" : "title",
                        "title" : "&nbsp",
                        "type" : "text",
                        "canEdit" : false
                }
        ],
        "lanes" :
        [ {
                        "hierarchyLevel" : 1,
                        "isOpen" : false,
                        "height" : 30,
                        "isFolder" : false,
                        "name" : "61",
                        "title" : "a, a"
                }, {
                        "hierarchyLevel" : 1,
                        "isOpen" : false,
                        "height" : 30,
                        "isFolder" : false,
                        "name" : "60",
                        "title" : "b, b"
                }, {
                        "hierarchyLevel" : 1,
                        "isOpen" : false,
                        "height" : 30,
                        "isFolder" : false,
                        "name" : "61",
                        "title" : "c, c"
                }, {
                        "hierarchyLevel" : 1,
                        "isOpen" : false,
                        "height" : 30,
                        "isFolder" : false,
                        "name" : "60",
                        "title" : "d, d"
                },
        ],
        "data" :
        [{
                        "lane" : "61",
                        "isTrip" : false,
                        "description" : "An Event",
                        "startDate" : new Date(2015, 1, 2, 0, 0),
                        "timelineGeneratedIndex" : "2",
                        "backgroundColor" : "#00BD02",
                        "showDate" : true,
                        "endDate" : new Date(2015, 2, 30, 23, 59),
                        "name" : "&nbsp"
                }]
})

But sometimes we also get a square in the upper left corner of the timeline, which is the wrongly displayed event (according to the hover).
When we scroll to the person to whom this event belongs, we get the same error messages, too.
Unfortunately we haven't yet figured out what triggers this square. So there is no example for this case.

This happens with the latest nightly v10.0p_2015-02-28

Best regards

Viewing all articles
Browse latest Browse all 4756

Trending Articles