How to display conditional NumericTextbox in kendoreact grid

[Abhishek]

I am  using a customNumeric textbox component for incell editing in a grid. But the numeric textbox is dependent on a checkbox column. If the checkbox cell is checked in the grid, then only i want to enable the numeric textbox in in-cell edit. Kindly help

[Vessy]

Hello, Abhishek,

You can achieve that by adding a similar check to the onClick handler of the custom edit cell renderer and enter in edit mode only if the checkbox value is true:

          onClick: () => {
            if (
              cellField == 'FiledOfTheEditedColumn' &&
              !dataItem.FieldOfTheCheckboxColumn
            ) {
              return;
            } else {
              props.enterEdit(dataItem, cellField);
            }
          },

For convenience, I prepared a sample where you can test the suggested approach where the cells in the `Units in Stock` column will not enter in Edit mode unless the value of the `Discontinued` column is true:

• https://stackblitz.com/edit/react-snjm2d-thrk5x?file=app%2Frenderers.tsx 

I hope this case but do let me known in case I can assist you any further on this matter.

Regards,
Vessy
Progress Telerik