我项目的想法:我在项目中使用了Kendo UI Scheduler。我的想法是,我有大量员工,我指派每位员工每天工作时间,如约翰工作时间为2017年11月21日至2017年12月21日上午10点至下午4点。
问题:当我将1400个员工列表记录的数组绑定到kendoscheduler中的资源数据库时。在调度程序上显示数据花了17秒多。在这里检查调度程序代码:
scheduler = $("#scheduler").kendoScheduler({
date: new Date(), // The current date of the scheduler
startTime: new Date(new Date().toLocaleDateString().replace(/:\d+ /, ' ') + " 8:00 AM"),
eventHeight: 30,
majorTick: 60,
columnWidth: 30,
height: 0,
editable: false,
views: [
{ type: "timeline", selected: d == null },
{ type: ThreeDayView, title: "Three day view", selected: d == 3, majorTick: 60 },
{ type: FiveDayView, title: "Five day view", selected: d == 5, majorTick: 180 },
{ type: "timelineWeek", title: "Week", selected: d == 7, majorTick: 300 },
],
dataSource: schData,
group: {
resources: ["Employees"],
orientation: "vertical"
},
resources: [
{
field: "employeeId",
name: "Employees",// The field of the Scheduler event which contains the resource identifier.
title: "Employees", // The label displayed in the Scheduler edit form for this resource.
dataSource: employeeData
}
]
});
此 employeeData 是包含1400条员工记录的数组。因此,它会挂起我的页面并花费17-18秒来绑定数据。这就是我的屏幕的样子。
请帮助我或提出任何想法,这样我就可以在没有滞后或悬挂的情况下绑定阵列上的大量数据。我希望我的调度程序在资源数组中传递大量数据时加载速度非常快。