Apply group property only to week

3 posts, 0 answers
  1. rahul
    rahul avatar
    4 posts
    Member since:
    Aug 2017

    Posted 09 Aug Link to this post

    Hello Everyone,

    I want to apply the group property to only week view and keep it default for day and month. How can I acieve that?

    Thanks

    Rahul

  2. Tyler
    Tyler avatar
    19 posts
    Member since:
    Jul 2017

    Posted 10 Aug in reply to rahul Link to this post

    Just set up the view like this:

    views: [{
                                type: "day",
                                startTime: new Date(1901, 1, 1, 0, 0, 0),
                                endTime: new Date(1901, 1, 1, 23, 59, 59),
                                workDayStart: new Date(startWorkDayStr),
                                workDayEnd: new Date(endWorkDayStr),
                                selected: selectDay
                            },
                            {
                                type: "week",
                                startTime: new Date(1901, 1, 1, 0, 0, 0),
                                endTime: new Date(1901, 1, 1, 23, 59, 59),
                                workDayStart: new Date(startWorkDayStr),
                                workDayEnd: new Date(endWorkDayStr),
                                selected: selectWeek
                            },
                            {
                                type: "workWeek",
                                startTime: new Date(1901, 1, 1, 0, 0, 0),
                                endTime: new Date(1901, 1, 1, 23, 59, 59),
                                workDayStart: new Date(startWorkDayStr),
                                workDayEnd: new Date(endWorkDayStr),
                                selected: selectWorkWeek
                            },
                            {
                                type: "month",
                                eventTemplate: kendo.template($('#event_template_month').html()),
                                eventHeight: 30,
                                selected: selectMonth
                            },
                            {
                                type: "agenda",
                                eventTemplate: $('#agendaEventTemplate').html(),
                                selected: selectAgenda
                            },
                            {
                                type: AgendaDayView,
                                title: 'Day Agenda',
                                eventTemplate: $('#agendaEventTemplate').html(),
                                selected: selectDayAgenda
                            },
                            {
                                type: "timeline",
                                columnWidth: 1,
                                minorTickCount: 1,
                                startTime: new Date(1901, 1, 1, 0, 0, 0),
                                endTime: new Date(1901, 1, 1, 23, 59, 59),
                                workDayStart: new Date(startWorkDayStr),
                                workDayEnd: new Date(endWorkDayStr),
                                group: {
                                    orientation: 'vertical',
                                    resources: ['AttendeeName']
                                },
                                dateHeaderTemplate: kendo.template('<strong>#=kendo.toString(date, "ddd M/dd")#</strong>'),
                                selected: selectTimeline
                            },
                            {
                                type: "timelineWeek",
                                minorTickCount: 1,
                                majorTick: 1440,
                                columnWidth: 1,
                                startTime: new Date(1901, 1, 1, 0, 0, 0),
                                endTime: new Date(1901, 1, 1, 23, 59, 59),
                                workWeekStart: 1,
                                workWeekEnd: 5,
                                workDayStart: new Date(startWorkDayStr),
                                workDayEnd: new Date(endWorkDayStr),
                                group: {
                                    orientation: 'vertical',
                                    resources: ['AttendeeName']
                                },
                                dateHeaderTemplate: kendo.template('<strong>#=kendo.toString(date, "ddd M/dd")#</strong>'),
                                selected: selectTimelineWeek
                            },
                            {
                                type: "timelineMonth",
                                startTime: new Date(1901, 1, 1, 0, 0, 0),
                                endTime: new Date(1901, 1, 1, 0, 0, 0),
                                group: {
                                    orientation: 'vertical',
                                    resources: ['AttendeeName']
                                },
                                dateHeaderTemplate: kendo.template('<strong>#=kendo.toString(date, "ddd M/dd")#</strong>'),
                                selected: selectTimelineMonth
                            }
                        ],

    Here I am applying grouping only to my timeline views. Just use week instead and set the grouping how you need it. 

  3. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    561 posts

    Posted 11 Aug Link to this post

    Hello Rahul,

    The approach that Tyler suggested is the appropriate one for the suggested scenario. Here you will find a small sample which applies grouping only on the Week view of the Scheduler.

    Regards,
    Veselin Tsvetanov
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top