How to prevent UP/DOWN keys from changing values in a GridNumericColumn editor

RELATED TO:

AUTHOR: Richard Hellwege

DATE POSTED: June 18, 2018

DESCRIPTION

How do I prevent the UP and DOWN arrows from changing the values while editing a GridNumericColumn in a RadGrid?

SOLUTION

The GridNumericColumn implements a NumericTextBox when editing. The default behavior of the RadNumericTextBox is to increment or decrement values when the UP/DOWN arrow keys are pressed. To change that behavior, an External Column Editor can be used to provide additional configuration options. The code below demonstrates how to configure an external column editor, and how to disable the UP/DOWN key behavior.

<telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" AutoGenerateColumns="false">
    <MasterTableView EditMode="Batch">
        <Columns>
            <telerik:GridBoundColumn DataField="ID" />
            <telerik:GridNumericColumn DataField="Value" ColumnEditorID="NumericEditor" />
        </Columns>
    </MasterTableView>
</telerik:RadGrid>
  
<telerik:GridNumericColumnEditor runat="server" ID="NumericEditor">
    <NumericTextBox runat="server" IncrementSettings-InterceptArrowKeys="false"></NumericTextBox>
</telerik:GridNumericColumnEditor>

Related Resources

Documentation Article: Custom Editors Extending Auto-Generated Editors

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.