剑道调度程序无法在移动模式下编辑事件答案

【问题标题】：Kendo scheduler can't edit event in mobile mode剑道调度程序无法在移动模式下编辑事件
【发布时间】：2019-12-30 10:02:01
【问题描述】：

我的 Kendo Scheduler 在移动模式下遇到问题。

在使用移动模式时，我无法在剑道调度程序中编辑我的事件，而在桌面模式下可以。

我尝试添加一个 Mobile(MobileMod.Phone) 或 auto 或其他东西，它没有任何变化。

我看到了一些关于剑道移动应用程序的实例，但我不明白它是如何工作的。如果有人已经面临这个问题，那就太好了:)。为了更好地理解我的调度器，我放了一些代码。

<div class="flex-grow-1 flex-col" @*data-role="view"*@>
@(Html.Kendo().Scheduler<PlanningModel>()
    .Name("PlanningLitsScheduler")
    .Mobile(MobileMode.Auto)
    .WorkWeekStart(0)
    .WorkWeekEnd(6)
    .Date(DateTime.Now)
    .Height(441)
    .MajorTick(1440)
    .Editable(e => e.TemplateName("CustomViewTemplate"))
    .Group(group => group.Resources("Chambres").Orientation(SchedulerGroupOrientation.Vertical))
    .HtmlAttributes(new { style = "margin-bottom: 20px; border: 1px solid #FFB41D" })
    .Views(views =>
    {
        views.CustomView("CustomWeekView");
        views.WeekView();
    })
    .Timezone("Etc/UTC")
    .GroupHeaderTemplate("<th class='k-slot-cell'>#:text#</th>")
    .Resources(resource =>
    {
        resource.Add(m => m.ChambreId)
            .Title("Chambre")
            .Name("Chambres")
            .DataTextField("NumChambre")
            .DataValueField("Id")
            .BindTo(Model.ListChambres);

        resource.Add(m => m.LitId)
            .Title("Lit")
            .Name("Lits")
            .DataTextField("NumLit")
            .DataValueField("Id")
            .BindTo(Model.ListChambres[0].ListLits);
    })
    .Events(e => e.DataBound("DataBound").Edit("Edit").MoveStart("DisableDragDrop").Navigate("Navigate").Save("Save").Add("Add"))
    .DataSource(d => d
        .Model(m =>
        {
            m.Id(f => f.TaskID);
            m.Field(f => f.TaskID).DefaultValue(-1);
            m.Field(f => f.Title);
            m.Field(f => f.Description);
            m.Field(f => f.Start);
            m.Field(f => f.End);
            m.Field(f => f.RecurrenceRule);
            m.Field(f => f.RecurrenceID);
            m.Field(f => f.RecurrenceException);
            m.Field(f => f.OwnerID);
            m.Field(f => f.IsAllDay);
            m.Field(f => f.StartTimezone);
            m.Field(f => f.ChambreId);
            m.Field(f => f.EndTimezone);
            m.RecurrenceId(f => f.RecurrenceID);
        })
        .Batch(true)
        .Create(create => create.Action("CreateTachesScheduler", "Bloc").Data("GetDataLengthForCreate"))
        .Read("AjoutTachesScheduler", "Bloc")
        .Update(update => update.Action("UpdateTachesScheduler", "Bloc"))
    )
)</div>

还有我之前说的剑道移动应用：

<script type="text/javascript">
let app = new kendo.mobile.Application($("#main"));</script>

【问题讨论】：

标签： javascript asp.net-mvc kendo-ui kendo-asp.net-mvc kendo-scheduler

【解决方案1】：

看起来 .Mobile(MobileMode.Auto) 行已经足够了。当我们在智能手机/平板电脑模式下使用鼠标在桌面上时，它不起作用，但在触摸屏上使用手指时它会起作用。

【讨论】：