Prevent Negative Numbers in a numeric textbox

Hi,

I have an igGrid with edit mode dialog. On it, I have a textbox which accepts only numbers. I’m trying to prevent negative numbers from being entered in this field. I tried the below:

settings.ColumnSetting().ColumnKey("test").DefaultValue(0).Required(true).NumericEditorOptions(opt=> {

opt.ValidatorOptions(vopt =>
{
 vopt.ValueRange(0);
});

});

 

When i run with above and after I enter a correct value, as soon as textbox loses focus, I get an error on infragistics.lob.js.

Unable to get property ‘toString’ of undefined or null reference

Please help.

Regards,

Guru

Hello Guru,

Thank you for posting in our community.

I crated a small sample where I set the valueRange option of numeric editor. On my side everything worked as expected and when a value less than 0 is entered and the editor looses focus validation message appears. Once the value, within the range, is entered the cell value is correctly set without any exception thrown. For my sample I am using latest 18.1 version which is 18.1.152. I tested this under Chrome, Firefox and Edge browser.

Looking forward to hearing from you.

Thanks Vasya:) I removed the validator and added the below option. Seems to work.

opt.DataMode(NumbericEditorDataMode.UInt);

Regards,

Guru

Hello Guru,

I am glad that you managed to achieve your requirement.

Thank you for using Infragistics components.