This is a migrated thread and some comments may be shown as answers.

Converting Scheduler Timeline view headings to links

5 Answers 112 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 20 Jul 2015, 02:48 AM

Hi there,

 

I've currently got a scheduler which uses the timeline and timelineWeek views. In these views, a list of employees is displayed down the left and dates and times across the top. By default I'm able to click one of the dates a long the top of the timelineWeek view and the scheduler will change to the timeline view for that specific date.

I'm trying to do something similar with the employee names along the left, except when I click on an employee name, I want the scheduler to redirect me to a week view showing jobs that the selected employee has done during that week.

I've already got the functionality setup for filtering and displaying only jobs done by the selected employee in a week view, I just don't know how to turn the employee names on the timeline views into buttons/links which would call a function that changes the view?

 

Cheers

5 Answers, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 21 Jul 2015, 09:57 AM
Hi Robert,

You can use the "eventTemplate" option of the scheduler to define custom template where the title of the event is wrapped in custom element which have "click" handler attached. Please check the example below:

Regards,
Vladimir Iliev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Robert
Top achievements
Rank 1
answered on 24 Jul 2015, 02:02 AM

Hi Vladimir,

Unfortunately this isn't quite what I'm after. Instead of the actual events having links for titles, I'm wanting to convert the labels in the column down the left of the timeline view to links. So in the example you've provided, in the timeline view, the "All Events" label on the left would be a link.

The idea behind this being that all events in timeline view will be split into separate rows based on which employee created each event. This way, all the labels down the left side of the timeline view will be employee's names and so when the user clicks on one of the employee names, the application will take them to a week view displaying all the events that that particular employee has created in the current week.

0
Accepted
Vladimir Iliev
Telerik team
answered on 24 Jul 2015, 08:06 AM
Hi Robert,

You can use the "groupHeaderTemplate" option of the scheduler to render the group names as links - please check the example below:


Regards,
Vladimir Iliev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Robert
Top achievements
Rank 1
answered on 26 Jul 2015, 11:38 PM
Ah that did the trick. Thanks for your help :)
0
rahul
Top achievements
Rank 1
answered on 09 Aug 2017, 03:14 PM

Hey Robert, 

I want to implement similar functionality (employees on the left and dates on the top) Could you share your code snippet or a pseudo code would also help. 
Appreciate your time and efforts.

Rahul

Tags
Scheduler
Asked by
Robert
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Robert
Top achievements
Rank 1
rahul
Top achievements
Rank 1
Share this question
or