Scheduler tag helper

[Christian Sandöy]

This works:

@(Html.Kendo().Scheduler<Web.CoreFull.Models.Booking.m_Kalendar>()
                            .Name("calendarDag")
                            .Date(DateTime.Today)
                            .Editable(false)
                            .Height(450)
                            .Width(700)
                            .ShowWorkHours(true)
                            .Views(views =>
                            {
                                views.DayView(dayview => dayview.Selected(true));
                                views.WorkWeekView();
                                views.WeekView();
                                views.MonthView();
                                views.AgendaView();
                            })
                            .DataSource(d => d
                                .Model(m =>
                                {
                                    m.Id(f => f.ID);
                                })
                                .ServerOperation(true)
                                .Read(read => read.Action("HentKalendar", "Medarbejder").Data("getAdditionalData"))
                            )
                            .Deferred()
                    )

but this does not :

<kendo-scheduler name="calendarDag" date="@DateTime.Today" height="450" width="700" show-work-hours="true" deferred="true">
                        <views>
                            <view type="day" selected="true"></view>
                            <view type="workWeek"></view>
                            <view type="week"></view>
                            <view type="month"></view>
                            <view type="agenda"></view>
                        </views>
                        <scheduler-datasource server-operation="true" type="DataSourceTagHelperType.Ajax">
                            <transport>
                                <read url="/Medarbejder/HentKalendar" data="getAdditionalData" />
                            </transport>
                            <schema>
                                <scheduler-model id="ID" />
                            </schema>
                        </scheduler-datasource>
                        <editable enabled="false" />
                    </kendo-scheduler>

[Veselin Tsvetanov]

Hi Christian,

For the Scheduler Tag helper to properly load the events from its DataSource, it needs the corresponding fields to be explicitly defined in the schema.model.fields section:

<kendo-scheduler name="calendarDag" date="@DateTime.Today" height="450" width="700" show-work-hours="true" deferred="true">
...
    <scheduler-datasource server-filtering="true" type="DataSourceTagHelperType.Ajax">
        <transport>
            <read url="/Medarbejder/HentKalendar" data="getAdditionalData" />
        </transport>
        <schema>
            <scheduler-model id="ID">
                <fields>
                    <field name="ID" type="number"></field>
                    <field name="title" from="Title" type="string"></field>
                    <field name="start" from="Start" type="date"></field>
                    <field name="end" from="End" type="date"></field>
                </fields>
            </scheduler-model>
        </schema>
    </scheduler-datasource>
...
</kendo-scheduler>

The above is required as the event model class is not passed to the Scheduler Tag helper as it is passed to the HTML helper:

@(Html.Kendo().Scheduler<TagHelper.Models.EventViewModel>()
...

Attached you will find a small sample implementing the above suggestion.

Regards,
Veselin Tsvetanov
Progress Telerik

[Christian Sandöy]

Thanks it works now