Kendo js在客户端下载时花费太多时间

Z时代
2024-01-10
分类：问答

我在我的项目中使用kendo ui调度程序，但在客户端下载kendo js和css需要太多时间，因此我们的网站会出现一些缓慢的情况。为了解决这个问题，我们试图按照请求的方式下载kendo js和css，只在加载调度程序日历的那个页面上。在集成相同的情况下，我们无法添加依赖项“kendo.directive”。请建议如何添加该依赖关系或另一种方法来减少很多延迟。Kendo js在客户端下载时花费太多时间

请找到相同的代码。

myApp.requires.push('kendo.directives'); 
myApp.controller('CalenderController',['$scope', '$http', 'StatsService', function ($scope, $http, StatsService) { 
    var self=this; 
    $scope.schedulerOptions = { 
     date: new Date(), 
     startTime: new Date(), 
     showWorkHours: true, 
     height: 600, 
     views: [ 
      "day", 
      {type: "week", selected: true}, 
     ], 
     editable: { 
      destroy: false, 
      create: false, 
      template: $("#editor").html() 
     }, 
     timezone: "GMT", 
     dataSource: { 
      batch: true, 
      transport: { 
       read: function (options) { 
        url = '/consultants/applications/interviews'; 
        $http.get(url).success(function (data, status, headers, config) { 
         options.success(data.result); 
        }).error(function (data, status, headers, config) { 
         options.error(data); 
        }); 
       }, 
       parameterMap: function (options, operation) { 
        if (operation !== "read" && options.models) { 
         return {models: kendo.stringify(options.models)}; 
        } 
       } 
      }, 
      schema: { 
       model: { 
        id: "interviewId", 
        fields: { 
         taskId: {from: "id", type: "number", editable: false}, 
         candidateName: {from: "candidateName" , editable: false}, 
         title: {from: "title", defaultValue: "No title" , editable: false}, 
         companyName: {from: "companyName" , editable: false}, 
         start: {type: "date", from: "interviewTiming", editable: false}, 
         end: {type: "date", from: "interviewEndTiming" , editable: false}, 
         candidateEmail: {from: "candidateEmail" , editable: false}, 
         candidateMobile: {from: "candidateMobile" , editable: false} 
        } 
       } 
      } 
     } 
    }; 
}]);