Client side defaulting values between controls in a Grid Row

[Kit]

Bit of a curler, this one.

Rad Grid, single level, multiple rows.  Each row contains a number of RadDatePickers.  When the value from a specific DatePicker is entered, I want to be able to set the value of one of the other DatePickers within that row using javascript/jquery.

Code sample:

<telerik:RadGrid ID="grdBlocks" AutoGenerateColumns="False" AllowMultiRowEdit="true" runat="server">
    <MasterTableView EditMode="InPlace">
        <RowIndicatorColumn Visible="True" />
        <Columns>
            <telerik:GridTemplateColumn HeaderText="Start Date" UniqueName="StartDate" HeaderStyle-Width="130px">
                <EditItemTemplate>
                    <telerik:RadDatePicker ID="BlockStartDate" Width="120px" runat="server" />
                    <asp:RequiredFieldValidator ID="rfv3" ControlToValidate="BlockStartDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Start Date is required</asp:RequiredFieldValidator>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn HeaderText="End Date" UniqueName="EndDate" HeaderStyle-Width="130px">
                <EditItemTemplate>
                    <telerik:RadDatePicker ID="BlockEndDate" Width="120px" runat="server" />
                    <asp:RequiredFieldValidator ID="rfv4" ControlToValidate="BlockEndDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">End Date is required</asp:RequiredFieldValidator>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn HeaderText="Footprint Monitoring Start Date" UniqueName="FootprintMonitoringStartDate" HeaderStyle-Width="150px">
                <EditItemTemplate>
                    <telerik:RadDatePicker ID="FootprintMonitoringStartDate" Width="120px" runat="server" />
                    <asp:RequiredFieldValidator ID="rfv31" ControlToValidate="FootprintMonitoringStartDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Footprint Monitoring Start Date is required</asp:RequiredFieldValidator>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn HeaderText="Footprint Monitoring End Date" UniqueName="FootprintMonitoringEndDate" HeaderStyle-Width="150px">
                <EditItemTemplate>
                    <telerik:RadDatePicker ID="FootprintMonitoringEndDate" Width="120px" runat="server" />
                    <asp:RequiredFieldValidator ID="rfv41" ControlToValidate="FootprintMonitoringEndDate" Display="Dynamic" runat="server" ValidationGroup="vgrpIntake">Footprint Monitoring End Date is required</asp:RequiredFieldValidator>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

The DatePicker pairings are StartDate - FootprintMonitoringStartDate, and EndDate - FootprintMonitoringEndDate.

If this wasn't in a grid, then I don't think I'd have a problem.  But I'm not too sure how to identify the target DatePicker control in order to set_selectedDate.

Any ideas?

kitster

[Princy]

Kello Kit,

You can try the approach mentioned in the following code library  to get the target RadDatePicker.
Retrieving grid editor value client side

Hope this helps,
Princy.