kendo-scheduler

How do I update a Kendo scheduler from a SignalR hub method?

由 孤人 提交于 2019-12-08 06:19:31
问题 Here is the code using signalr, it successfully sends the information to the hub and the hub is just doing a clients.all.Notifiy etc etc..... I've just add the code sample that you recommedend, i doing this from the scheduler_change(e) so that on a single click it will insert the info that is returned from the hub.. for some reason the new booking does not show on the scheduler. function scheduler_change(e) { var start = e.start; //selection start date var end = e.end; //selection end date

How to extend scheduler agenda view to include additional column

由 左心房为你撑大大i 提交于 2019-12-07 11:36:33
问题 I am using Kendo Scheduler control. By default it is showing "Date","Time" and "Event" in the "Agenda" view. How to extend scheduler agenda view to include additional column as shown in attached image? I tried templates as shown below. <script id="event-template" type="text/x-kendo-template"> <button class="edit-event" data-uid="#=uid#">Custom Column</button> <div>Notes: #: notes#</div> </div> </script> and in Kendo initialization,i added below code views: [ { type: "agenda", eventTemplate: $

How to change view date dynamically (which is filter event by date time)

由 我与影子孤独终老i 提交于 2019-12-06 15:18:51
问题 I Want to filter event by date but date is pass by normal input type="text" not kendo default datepicker.And display passing date in kendo schduler header But cant not change view date.This is my code......... $scope.searchEventByDate = function (item) { var scheduler = $("#scheduler").data("kendoScheduler"); scheduler.view().startDate(item.StartDate); scheduler.view().endDate(item.EndDate); scheduler.view(("day")); $scope.scheduler.dataSource.read(); }; This is my filter param parameterMap:

Change the width of the events in a Kendo UI Scheduler

由 微笑、不失礼 提交于 2019-12-06 04:25:41
问题 I am creating a website in HTML5 and javascript. One of the site contains the Kendo UI Scheduler. I understand the scheduler and how it works, and I've managed to set up a simple scheduler with some events. Now, my problem is that I want to alter the way the events is drawn in to the scheduler; I want to alter the size of the events to be half the size of the column they are displayed in. Is there any simple way to do this, or do I have to alter the Kendo code that is calculating the position

How to extend scheduler agenda view to include additional column

由 心不动则不痛 提交于 2019-12-05 15:52:57
I am using Kendo Scheduler control. By default it is showing "Date","Time" and "Event" in the "Agenda" view. How to extend scheduler agenda view to include additional column as shown in attached image? I tried templates as shown below. <script id="event-template" type="text/x-kendo-template"> <button class="edit-event" data-uid="#=uid#">Custom Column</button> <div>Notes: #: notes#</div> </div> </script> and in Kendo initialization,i added below code views: [ { type: "agenda", eventTemplate: $("#event-template").html() }, ], But it did not render as expected :( I tried below url Kendo Forum

How to change view date dynamically (which is filter event by date time)

由 那年仲夏 提交于 2019-12-04 23:14:28
I Want to filter event by date but date is pass by normal input type="text" not kendo default datepicker.And display passing date in kendo schduler header But cant not change view date.This is my code......... $scope.searchEventByDate = function (item) { var scheduler = $("#scheduler").data("kendoScheduler"); scheduler.view().startDate(item.StartDate); scheduler.view().endDate(item.EndDate); scheduler.view(("day")); $scope.scheduler.dataSource.read(); }; This is my filter param parameterMap: function (options, operation) { var popupheight = $(window).height() - 180 + 'px'; $scope

Change the width of the events in a Kendo UI Scheduler

由 五迷三道 提交于 2019-12-04 10:03:03
I am creating a website in HTML5 and javascript. One of the site contains the Kendo UI Scheduler . I understand the scheduler and how it works, and I've managed to set up a simple scheduler with some events. Now, my problem is that I want to alter the way the events is drawn in to the scheduler; I want to alter the size of the events to be half the size of the column they are displayed in. Is there any simple way to do this, or do I have to alter the Kendo code that is calculating the position of these events? Since nobody could answer this for me, I'm posting my own solution: I tried doing

Rendering data in kendo scheduler control header - dateHeaderTemplate

由 限于喜欢 提交于 2019-12-02 19:44:07
问题 I am using Scheduler control from Kendo. I am trying to render daily capacity (Hard coded 30% now) in header of each day as shown in below screen. How can I replace hard coded by data from datasource? Here is the code I have used. I have HARD CODED 30% in below code. <!DOCTYPE html> <html> <head> <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style> <title></title> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.common-material.min

Rendering data in kendo scheduler control header - dateHeaderTemplate

由 人走茶凉 提交于 2019-12-02 10:32:18
I am using Scheduler control from Kendo. I am trying to render daily capacity (Hard coded 30% now) in header of each day as shown in below screen. How can I replace hard coded by data from datasource? Here is the code I have used. I have HARD CODED 30% in below code. <!DOCTYPE html> <html> <head> <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style> <title></title> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.common-material.min.css" /> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.material.min

Unable to bind data to Kendo Scheduler

由 眉间皱痕 提交于 2019-12-02 08:09:18
问题 I've got this Kendo Scheduler that is displayed in the View but without any data. The Scheduler on the View: @(Html.Kendo().Scheduler<ProjName.Models.ScheduleInspectionModel>() .Name("scheduler") .Views(views => { views.DayView(); views.WorkWeekView(); views.WeekView(); views.MonthView(mv => mv.Selected(true)); views.AgendaView(); }) .Timezone("Etc/UTC") .DataSource(d => d .Read("ControllerName", "GetScheduleInspections") ) ) The datasource invokes the controller method below: public
订阅 kendo-scheduler