number.comp
The Number widget is used for input fields that should contain a numeric value.
Additional restrictions on the numbers can be specified.
Input Parameters:
Parameters
Parameter Name |
Description |
Default Value |
id |
Select ID. |
Undefined |
description |
Tooltip. |
Empty string |
value |
value to render |
Empty string |
size |
width in the field characters ( length == if not defined) |
Undefined |
length |
maximum number of characters allowed in the field ( NumCifre if not defined) |
Undefined |
NumDec |
number of decimal. |
0 |
NumCifre |
number of total digits. |
9 |
ValMax |
maximum number of accepted. |
999999999999 |
ValMin |
minimum value of the number accepted. |
-999999999999 |
readonly |
can't change state if in readonly mode. |
Undefined |
AllNumDec |
if > 0 are kept zeros in the decimal equivalent to AllNumDec digits with AllNumDec < NumDec , end up working NumDec figures. |
0 |
ReturnNumDec |
number of decimal digits to be returned, even if they were zeros (useful with sql numeric fields than return number with decimal zeros on the right) |
0 |
Examples
Min and Maximum Value
<& /input/number.comp,
id => 'testA1',
NumCifre => 12,
ValMax => 50000,
ValMin => -5000,
value => 50000,
description => 'Test input maximum and min value',
&>
<& /input/number.comp,
id => 'testA1bis',
NumCifre => 12,
ValMax => 50000,
ValMin => -5000,
value => -5000,
description => 'Test input maximum and min value',
&>
<br>
Real Value
<& /input/number.comp,
id => 'testA2',
values => '123.45',
NumCifre => 12,
ValMax => 50000,
ValMin => -5000,
value => 123.45,
NumDec => 2,
description => 'Test input real value',
&>
AllNumDec
<& /input/number.comp,
id => 'testA3',
NumCifre => 12,
ValMax => 50000,
ValMin => -5000,
value => 1234,
NumDec => 4,
AllNumDec => 1,
description => 'Test AllNumDec value',
&>
NumCifre
Maximum upto 3 digit allow to input because NumCifre value set 3.
<& /input/number.comp,
id => 'testA4',
NumCifre => 3,
ValMax => 1000,
ValMin => 10,
value => 999,
NumDec => 0,
AllNumDec => 1,
description => 'Test NumCifre',
&>
Demo Link
The demo demonstration is available
here.