$("#scheduler").data('kendoScheduler') is undefined

2 posts, 0 answers
  1. asif
    asif avatar
    1 posts
    Member since:
    Aug 2014

    Posted 22 Jun Link to this post

    this is my scheduler code

     <div id="scheduler" style="height:450px; overflow-y:auto;"></div>
                            <script>
                                $("#scheduler").kendoScheduler({
                                    date: new Date("2013/6/6"),
                                    timezone: "Etc/UTC",
                                    views: [
                                      "day",
                                      "week",// a view configuration can be a string (the view type) or an object (the view configuration)
                                      { type: "month", selected: true }, // the "week" view will appear as initially selected
                                      "agenda",
                                      "timeline"
                                    ],
                                    dataSource: dsSchedule
     
                                    
     
                                });
                                var dsSchedule = new kendo.data.SchedulerDataSource({
                                    transport: {
                                        read: {
                                            url: '/Projects/GetProject',
                                            dataType: 'json',
                                        },
                                    },
                                    schema: {
                                        model: {
                                            id: 'taskId',
                                            fields: {
                                                taskId: { from: "TaskID", type: "number" },
                                                title: { from: "Title", defaultValue: "No title", validation: { required: true } },
                                                start: { type: "date", from: "Start" },
                                                end: { type: "date", from: "End" },
                                                description: { from: "Description" },
                                                recurrenceId: { from: "RecurrenceID" },
                                                recurrenceRule: { from: "RecurrenceRule" },
                                                recurrenceException: { from: "RecurrenceException" },
                                                isAllDay: { type: "boolean", from: "IsAllDay" }
                                            },
                                        },
                                    },
                                });
                            </script>

     

    when i access schedular using $("#scheduler").data('kendoScheduler') it gives error undefined

     

  2. Patrick
    Admin
    Patrick avatar
    171 posts

    Posted 22 Jun Link to this post

    Hello Asif,

    Please take a look at this Kendo UI Dojo by Progress which illustrates how to make a reference to a Kendo Scheduler.

    Also, please take a look at this documentation pertaining to widgets unavailable or undefined.  Make sure there are not multiple script reference to jQuery.  

    Hope this clears things.

    Regards,
    Patrick
    Telerik
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
Back to Top