Gantt - toggle planned vs actual outside of gantt toolbar

Hi Vedad,

You could use the setOptions method in order to toggle planned vs actual view. In the Dojo example linked here on an external button click the value of the showPlannedTasks option is changed. Below is the respective code:

 function changeValue(){
          var gantt = $('#gantt').data('kendoGantt')
          var showPlanned = gantt.options.showPlannedTasks
          gantt.setOptions({
               showPlannedTasks: !showPlanned
          })
 }

I hope this helps.

Regards,
Neli
Progress Telerik

Hi Vedad,

Thank you for pointing to the issue. I discussed the scenario with a developer from the team. In this case, we would suggest you showing/hiding the planned tasks using the example below instead of using the setOptions method:

function changeValue(){
          var gantt = $('#gantt').data('kendoGantt')
          var timeline = gantt.timeline;
          // check/uncheck the Switch 
          var showPlanned = $('#gantt input.k-gantt-planned-switch').data('kendoSwitch').check()
          $('#gantt input.k-gantt-planned-switch').data('kendoSwitch').check(!showPlanned)
          // show/hide planned tasks
          gantt.wrapper.toggleClass("k-gantt-planned");
          timeline._setPlanned(!timeline.options.showPlannedTasks);
          timeline._render(gantt.dataSource.taskTree());
          timeline._renderDependencies(gantt.dependencies.view());
        }

Here is the modified Dojo example.

Note, that in the example above private methods are used which we usually do not recommend. As exposing a suitable method for showing/hiding planned tasks is a good idea I logged a Feature Request on your behalf. Below you will find a link to it. I will encourage you to cast a vote for the request.

- https://feedback.telerik.com/kendo-jquery-ui/1530410-expose-public-method-for-showing-hiding-the-planned-tasks-in-gantt

Let me know in case you have any other questions regarding the issue. 

Regards,
Neli
Progress Telerik