How to: Create the Scheduler with the DateNavigator and Resource Tree

This topic describes how to associate the Scheduler with the DateNavigator and/or the Resource Tree.

Date Navigator

To associate the DateNavigator control with the Scheduler control, set the DateNavigator.StyleSettings property to SchedulerDateNavigatorStyleSettings and bind the Scheduler property to the Scheduler control:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <dxsch:SchedulerControl x:Name="scheduler" ... />

    <dxe:DateNavigator Grid.Column="1">
        <dxe:DateNavigator.StyleSettings>
            <dxsch:SchedulerDateNavigatorStyleSettings Scheduler="{Binding ElementName=scheduler}" />
        </dxe:DateNavigator.StyleSettings>
    </dxe:DateNavigator>       
</Grid>

Resource Tree

To associate the ResourceTreeControl control with the Scheduler control, bind the ResourceTreeControl.Scheduler property to the Scheduler control:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <dxsch:SchedulerControl x:Name="scheduler" ... />

    <dxsch:ResourceTreeControl Grid.Column="1"
                               Scheduler="{Binding ElementName=scheduler}" />
</Grid>

Result

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-use-scheduler-with-datenavigator-t544898.