Question

我正在使用Kendo UI来显示调度程序控件。

我也在挑选日期选择器

这是DIV包含的日历。

        <div id="calendar">

         </div>

我从脚本加载日历如下

     <script>
          $(document).ready(function () {


              $("#calendar").kendoCalendar();
          });
   </script>

我有调度程序如下

                 <td>
                @(Html.Kendo().Scheduler<SchedulingSystemUI.Models.TaskViewModel>()
        .Name("scheduler")
        .Date(new DateTime(2014, 8, 16))
        .StartTime(new DateTime(2014, 8, 16, 7, 00, 00))
        .Height(600)
        .Views(views =>
        {
            views.DayView();
            views.WeekView(weekView => weekView.Selected(true));
            views.MonthView();
            views.AgendaView();
        })
        .Timezone("Etc/UTC")
        .DataSource(d => d
            .Model(m =>
            {
                m.Id(f => f.TaskID);
                m.Field(f => f.OwnerID).DefaultValue(1);
                //Set the recurrence ID field from the model:
                m.RecurrenceId(f => f.RecurrenceID);
            })
                    .Read("Tasks_Read", "Dashboard")
                                .Create("Tasks_Create", "Dashboard")
                                    .Destroy("Tasks_Destroy", "Dashboard")
                                    .Update("Tasks_Update", "Dashboard")
        )
                )


            </td>

现在点击日期选择器，我想将Scheduler VIEW更改为DAY。我该怎么办？

Answer 1

使用计划程序的view method将视图更改为日视图。

var scheduler = $("#scheduler").data("kendoScheduler");
scheduler.view("month");

棘手的部分是何时触发此更改。可能是在datepicker获得焦点时。这里的挑战是API没有焦点事件，但如果支持，你必须捕获其中一个底层元素的焦点。我知道它隐藏了一些小部件的实际输入元素，所以我不确定焦点事件是如何工作的。

此外，您可以在打开日历时触发它，这是受支持的。

从日期选择器设置Kendo UI Scheduler中的DAY视图

1 个答案: