igNumericEditor percentage

Karthik Thiagarajan
Offline over 5 years ago

v17.2

We have a system that use Infragistics controls to allocate funds.  Over the years we assign amounts by specifically allocating from a pool.  Now a request has come to allow allocation by a percentage.

So I have a label that displays a pool a funds.  Say $120.  The managers can add in $24 to represent 20% of the pool.  I want to allow users to type in 20%, but then translate it to the correct amount in dollars.

I see that with v17.2 the "includeKeys" options is no longer exposed and cannot be overridden.  How can I allow users to type in a percent sign that I can translate into actual dollar amount for the numeric editor?

Parents
No Data
Reply
  • 0 Offline over 5 years ago

    Hello Karthik,

    Thank you for contacting the Infragistics support!

    The ‘includeKeys’ option was indeed removed in the new editors. In order to meet your scenario, I can suggest two approaches:

    You may use the igTextEditor, instead, in order to  handle the input. Or what I think is better – you can update the numeric editor’s source code in order to allow the ‘%’ sign. As the editors are included in the open source Ignite UI package, you can get the latest version from github ( github.com/.../infragistics.ui.editors.js ).

    Inside the ‘_initialize’ internal method of the igNumericEditor you may find the ‘numericChars’ variable:

    var numericChars = "0123456789"

    You would add the percent sign to the list of digits.

    I hope this would be suitable for your scenario.

    Please, let me know if you face any troubles implementing this or in case you have any other questions.

    Thank you once more for using Ignite UI!

Children