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 ValueSorted descending
id Select ID. Undefined
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
readonly can't change state if in readonly mode. Undefined
description Tooltip. Empty string
value value to render Empty string
ValMax maximum number of accepted. 999999999999
NumCifre number of total digits. 9
NumDec number of decimal. 0
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
ValMin minimum value of the number accepted. -999999999999

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>

NumberMinAndMaxExample.png

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',
&>

NumberDecimmalExample.png

AllNumDec

<& /input/number.comp,  
        id => 'testA3', 
        NumCifre => 12, 
        ValMax => 50000,
        ValMin => -5000,
        value => 1234, 
        NumDec => 4,   
        AllNumDec => 1,
        description => 'Test AllNumDec value',
&>

NumberWithAllNumDec.png

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',
&>

NumberNumCifre.png

The demo demonstration is available here.

I Allegato Azione Dimensione Data Chi Commento
NumberDecimmalExample.pngpng NumberDecimmalExample.png gestione 998 bytes 28 Mar 2016 - 17:05 DipenPatel Number Real Value Example
NumberMinAndMaxExample.pngpng NumberMinAndMaxExample.png gestione 1 K 28 Mar 2016 - 17:05 DipenPatel Number Min and Maximum Value example
NumberNumCifre.pngpng NumberNumCifre.png gestione 753 bytes 30 Mar 2016 - 16:10 DipenPatel NumCifre Example
NumberWithAllNumDec.pngpng NumberWithAllNumDec.png gestione 1 K 28 Mar 2016 - 17:21 DipenPatel Number With AllNumDec Example
Questa pagina: MasonSQL > WebHome > InputWidgets > NumberComponent
Versione pagina: 24 Dec 2016, GuidoBrugnara
Questo sito utilizza FoswikiCopyright (©) Leader.IT - Italy P.I. IT01434390223 Informativa privacy & uso dei cookies