DayPilot » Knowledge Base » How to bind Navigator to multiple controls

1. Switch to manual (JavaScript) TimeRangeSelected handling:

DayPilotNavigator.TimeRangeSelectedHandling="JavaScript"

2. Create a client-side handler that will update all the controls you need

DayPilotNavigator.TimeRangeSelectedJavaScript="dpc.commandCallBack("navigate", {start:start}); dpm.commandCallBack('navigate', {start:start});"

This code will update two controls:

• DayPilot Calendar with ClientObjectName="dpc"
• DayPilot Month control with ClientObjectName="dpm".

This is the fastest way which will only pass "start" parameter to the commandCallBack.

The TimeRangeSelectedHandling="Bind" option is calling something like this:

dpc.commandCallBack(dpn.command, {start:start, end: end, days: dpn.days});

Where "dpn" is the value of DayPilotNavigator.ClientObjectName property.