Prevent radbutton click until grid is validated

[Dan]

I would like to tie the validation trigger to a radbutton that is external to a radgrid.

Example:

<telerik:RadButton ID="btnAddStatusComplete" runat="server" Text="Complete" OnClick="btnAddStatusComplete_Click">
</telerik:RadButton>

<telerik:RadGrid ID="rgAddStatusJustify" runat="server" AutoGenerateColumns="false" AllowPaging="false" AllowFilteringByColumn="false"
                 OnBatchEditCommand="rgAddStatusJustify_BatchEditCommand"
                 OnDeleteCommand="rgAddStatusJustify_DeleteCommand" OnNeedDataSource="rgAddStatusJustify_NeedDataSource" OnItemDataBound="rgAddStatusJustify_ItemDataBound">
    <MasterTableView Width="100%" AutoGenerateColumns="false" DataKeyNames="itemName" EditMode="Batch">
      <BatchEditingSettings EditType="Cell" HighlightDeletedRows="true"/>
      <Columns>
        <telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" />
        <telerik:GridBoundColumn DataField="itemDescription" HeaderText="Item Description" ReadOnly="True" SortExpression="itemDescription" ItemStyle-HorizontalAlign="Left">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="userComment" HeaderText="Justification" UniqueName="userComment">
            <ItemStyle BorderStyle="Solid" Width="200" />
            <ColumnValidationSettings EnableRequiredFieldValidation="true">
                <RequiredFieldValidator ForeColor="Red" Text="*Comment is required" Display="Dynamic"></RequiredFieldValidator>
            </ColumnValidationSettings>
        </telerik:GridBoundColumn>
      </Columns>
    </MasterTableView>
</telerik:RadGrid>

I want the userComment field filled in for all rows prior to a postback being triggered by btnAddStatusComplete_Click.  Preferably the validation text will show up once they click "Complete" but am open to other/better approaches.

Thank you

[Doncho]

Hello Dan,

Validating the Grid can be done in two different ways. Validating it on the Client or on the Server.

• RadGrid Validation
• Batch Editing Validation

If you choose to validate on the server, a PostBack has to happen before you can manipulate the external button.

If you choose to validate on the Client, you can then use the CustomValidator's client event handler. When it fires, within the event handler you'll have the logic that validates the input, and if validation passes you change the external button.

<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="CustomValidator" ClientValidationFunction="MyValidatorFunction">
</asp:CustomValidator>

<script>
    function MyValidatorFunction(source, IsValid) {
        if (IsValid) {
            // find and enable the external button
        } else {
            // find and disable the external button
        }
    }
</script> 

See CustomValidator in ASP.NET and  CustomValidator.ClientValidationFunction Property for more information about the CustomValidator.

 

If you could describe more detailed the steps you want the Grid to do, I'll be able to give you better advice.

Kind regards,
Doncho
Progress Telerik