Kendo UI Scheduler绑定资源数据源中的大型数组

时间:2017-11-23 05:43:36

标签: kendo-ui kendo-grid kendo-scheduler

我项目的想法:我在项目中使用了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秒来绑定数据。这就是我的屏幕的样子。 Kendo Ui Scheduler binding data source

请帮助我或提出任何想法,这样我就可以在没有滞后或悬挂的情况下绑定阵列上的大量数据。我希望我的调度程序在资源数组中传递大量数据时加载速度非常快。

0 个答案:

没有答案