Appointment limitation?

[jorotrenParticipant]

Hi, I’m trying to load in week view of calendar around 150 appointments but then browser shows me this message: A script is slowing down your browser. Stop it or wait?

Is there any limitation in amount of appointments to load?

My javascript code:

var data = GetCalendarData(startDate, endDate);

var source =
{
dataType: “array”,
dataFields: [
{ name: “ids”, type: “string” },
{ name: “description”, type: “string” },
{ name: “subject”, type: “string” },
{ name: “start_date_time”, type: “date” },
{ name: “end_date_time”, type: “date” }
],
id: “ids”,
localData: data
};

var adapter = new $.jqx.dataAdapter(source);

$(“#calendar”).jqxScheduler({
localization: getLocalization(LANG),
width: “100%”,
view: CALENDAR_VIEW,
editDialog: false,
source: adapter,
showLegend: true,
statuses: {
free: “transparent”,
tentative: “transparent”,
busy: “transparent”,
outOfOffice: “transparent”
},
appointmentDataFields: {
id: “ids”,
subject: “subject”,
description: “description”,
tooltip: “tooltip”,
from: “start_date_time”,
to: “end_date_time”,
status: “status”,
resourceId: “resource”,
draggable: “draggable”,
resizable: “resizable”
},
resources: {
colorScheme: colorScheme,
dataField: “resource”,
source: new $.jqx.dataAdapter({
dataType: “array”,
localData: resources
})
},
views: views
});

Regards.

[Peter StoevKeymaster]

Hi jorotren,

We do not put limitations in our widgets.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jorotrenParticipant]

Hi Peter, then why is scheduler not working fine? If array of data is small, around 20-30 items, appointments are loaded but bigger arrays are not working (in localhost).

Regards.

[Peter StoevKeymaster]

Hi jorotren,

Please, provide a complete jsfiddle.net or https://www.jqwidgets.com/jseditor example.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jorotrenParticipant]

Hi Peter, you can test here. In this example there are 100 appointments.

Best Regards.

[Peter StoevKeymaster]

Hi jorotren,

You have 100 all day appointments in collision situated in all day area. Obviously, this will break the layout as they are stacked and the all day area height is a sum of these appointments. When you create 100 appointments like that:

` for (var index = 0; index < 100; index++) { var item = { ids: index, subject: "Test" + index, description: "Test" + index, tooltip: "Test" + index, start_date_time: new Date(2017, 0, 30, 0+index), end_date_time: new Date(2017, 0, 30, 1+index), resizable: false, draggable: false, status: "free", resource: "Resource1" }; data.push(item); }` you have fast loading. Also if you need to display all day appointments, then switch to monthView or other scheduler view which allows you to display all day appointments. Best Regards, Peter Stoev jQWidgets Team http://www.jqwidgets.com

[jeffrey_0202Participant]

Dear friends,

i have tried with 133 data, and it takes more than 20 seconds to load. May i seek for your kind help for any load balancing or revise could help from you would be much appreciated. Here with my link

https://jseditor.io/?key=jqxscheduler-data-appointments-with-133-data

[Author]

Posts