[Solved] Conditional input within grid

[Anthony]

Hi, I am using a RadGrid with a custom edit form to insert data.

Is it possible to have a combo box with the options 'Yes' and 'No' that triggers the visibility of another input field (date picker) and can make it a required field?

[Jayesh Goyani]

Hello,

Please check below demo you will get the idea.

http://www.telerik.com/forums/conditionally-enable-disable-required-field-validators#pZ_4cRVI7UCJWZcHYjw10A

Thanks,
Jayesh Goyani

[Princy]

Hi Anthony,

Please have a look at the following sample code snippet:

ASPX:

<EditFormSettings EditFormType="Template">
                <FormTemplate>
                    <table>
                        <tr>
                            <td>
                                <asp:Label ID="Label1" runat="server" Text="Select"></asp:Label>
                            </td>
                            <td>
                                <telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="RadComboBox_SelectedIndexChanged">
                                    <Items>
                                        <telerik:RadComboBoxItem Text="No" />
                                        <telerik:RadComboBoxItem Text="Yes" />
                                    </Items>
                                </telerik:RadComboBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label ID="Label2" runat="server" Text="Date" Visible="false"></asp:Label>
                            </td>
                            <td>
                                <telerik:RadDatePicker ID="RadDatePicker1" runat="server" Visible="false">
                                </telerik:RadDatePicker>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Enabled="false"
                                    ControlToValidate="RadDatePicker1" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Button ID="Button1" runat="server" Text="Submit" />
                            </td>
                        </tr>
                    </table>
                </FormTemplate>
            </EditFormSettings>

C#:

protected void RadComboBox_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)
{
    RadComboBox combo = (RadComboBox)sender;
    GridEditFormItem editform = (GridEditFormItem)combo.NamingContainer;
    Label lbl = (Label)editform.FindControl("Label2");
    RadDatePicker date = (RadDatePicker)editform.FindControl("RadDatePicker1");
    RequiredFieldValidator validator = (RequiredFieldValidator)editform.FindControl("RequiredFieldValidator1");

    if (combo.SelectedItem.Text == "No")
    {
        lbl.Visible = false;
        date.Visible = false;
        validator.Enabled = false;
    }
    else if(combo.SelectedItem.Text == "Yes")
    {
        lbl.Visible = true;
        date.Visible = true;
        validator.Enabled = true;
    }
}

Thanks,
Princy