PredecessorsTab

A tab inside the scheduler task editor or gantt task editor showing the predecessors of an event or task.

The tab has the following contents by default:

*

Columns are kept in the grids column store, they can be customized in a similar manner as other widgets in the editor

>

first level of submenu

const scheduler = new SchedulerPro({
  features : {
    taskEdit : {
      items : {
         predecessorsTab : {
           items : {
             grid : {
               columns : {
                 // Columns are held in a store, thus it uses `data`
                 // instead of `items`
                 data : {
                   name : {
                     // Change header text for the name column
                     text : 'Linked to'
                   }
                 }
               }
             }
           }
         }
      }
    }
  }
});

Customize the dependency type picker to show only certain dependency types

You can customize which dependency types to show in the picker by filtering the picker store. For example, to show only Finish-to-Start and Start-to-Start types:

 features : {
     taskEdit : {
         items : {
             predecessorsTab : {
                 items : {
                     grid : {
                         columns : {
                             data : {
                                 type : {
                                     editor : {
                                         type  : 'dependencytypepicker',
                                         store : {
                                             filters : [{
                                                 // Show only Finish-to-Start and Start-to-Start
                                                 filterBy : record => record.id === DependencyModel.Type.EndToStart || record.id === DependencyModel.Type.StartToStart
                                             }]
                                         }
                                     }
                                 }
                             }
                         }
                     }
                 }
             }
         }
     }
 },