JARCH ShowCase

AjaxCore

• Listener • Basic • PartialSubmit • Event • Counter • Selector • Process • Search • Validation • Poll • RemoteCommand • Fragment • Dropdown • Status

Input

• AutoComplete • DatePicker • InputTextarea • Calendar • CascadeSelect • BooleanButton • Editor • BooleanCheckbox • Signature • OneButton • Spinner • OneRadio • Slider • CheckboxMenu • InputText • OneMenu • Switch • TriStateCheckbox • Password • InputGroup • Keyboard • Form Layout • Rating • InputNumber • ColorPicker • InputMask • Inplace • Listbox • KeyFilter • ManyButton • Knob • ManyMenu • TextEditor • ManyCheckbox • FilterGroup • MultiSelectListbox • FilterOrder • ToggleSwitch • FilterPeriod • Chips • FilterSearch • FilterSelect • Address • Cep • Cnpj • CnpjBase • Cpf • CpfCnpj • Email • Im • Integer • Money • MonthYear • Phone

Button

• Button • Link • CommandButton • LinkButton • CommandLink • SplitButton • Cancel • Clean • Delete • Download • Insert • Login • Print • Return • Save • Search • SearchLookup • LinkPrint

Data

Panel

• Accordion • Panel • Dashboard • PanelGrid • Fieldset • Ribbon • Grid CSS • ScrollPanel • Layout • TabView • NotificationBar • Toolbar • OutputPanel • Wizard • FlexGrid • Dashboard

Overlay

• ConfirmDialog • Tooltip • OverlayPanel • Dialog • LightBox • Sidebar • FilterSearch • InsertListFilter • Select • Unique

• Breadcrumb • PanelMenu • ContextMenu • SlideMenu • Dock • Stack • MegaMenu • Steps • Menu • TabMenu • Menubar • TieredMenu • MenuButton

Charts

• Area • Export • Bar • Interactive • Bubble • Live • Donut • Static • Line • Zoom • Pie • Combined • MeterGauge • MultiAxis • OHLC • Date • Animate • Responsive

ChartJs

• Bar • PolarArea • Bubble • Radar • Donut • Mixed • Line • Interactive • Pie • Export • Scatter

Messages

• Growl • Messages • StaticMessage

Multimedia

• Compare • Barcode • GraphicImage • Media • ContentFlow • PhotoCam • Cropper • Switch • Galleria

File

• Upload • Download

DragDrop

• Draggable • DataTable • DataGrid • Custom

Client Side Validation

• Basic • Custom • Bean • Event

Dialog Framework

• Basic • Message • Data • Nested

Misc

• Responsive • PrimeIcons • AutoUpdate • FontAwesome • ThemeSwitcher • Lifecycle • OutputLabel • Log • BlockUI • Focus • Cache • Hotkey • Captcha • Printer • Clock • ProgressBar • Collector • Context • DefaultCommand • ResetInput • Effect • Resizable • ExceptionHandler • Separator • FeedReader • Spacer • IdleMonitor • Spotlight • ImportConstants • Sticky • ImportEnum • Terminal • CSP • Watermark

JARCH SHOWCASE

InputNumber InputNumber formats input fields with numeric Strings. It supports currency symbols, minimum and maximum value, negative numbers, and a lot of round methods.

inputNumber	Numeric Value	Description
		Without configuration
		Suffix currency symbol and comma for decimal separator
		Maximun and minimum values (-1000.999 to 1000.000)
		Custom decimal places
		Empty value (empty) and required
		Empty value (zero)
		Empty value (sign)
		15 Decimals using BigDecimal

inputNumber.xhtml
InputNumberView.java

<a:form>
    <a:panelGrid class="ui-noborder">
        <f:facet name="header">  
            <a:row>
                <a:column style="font-weight: bold;">inputNumber</a:column>
                <a:column style="font-weight: bold;">Numeric Value</a:column>
                <a:column style="font-weight: bold;">Description</a:column>
            </a:row>
        </f:facet>
        <a:row>
            <a:column>
                <a:inputNumber id="input1" value="#{inputNumberView.input1}">
                    <a:ajax update="output1" />
                </a:inputNumber>
            </a:column>
            <a:column>
                <a:inputText id="output1" disabled="true" value="#{inputNumberView.input1}"/>
            </a:column>
            <a:column>
                Without configuration
            </a:column>
        </a:row>
        <a:row>
            <a:column>
                <a:inputNumber id="input2" value="#{inputNumberView.input2}" symbol=" CHF" symbolPosition="s"
                               decimalSeparator="," thousandSeparator=".">  
                    <a:ajax update="output2" />
                </a:inputNumber>
            </a:column>
            <a:column>
                <a:inputText id="output2" disabled="true" value="#{inputNumberView.input2}"/>
            </a:column>
            <a:column>
                Suffix currency symbol and comma for decimal separator
            </a:column>
        </a:row>
        <a:row>
            <a:column>
                <a:inputNumber id="input3" value="#{inputNumberView.input3}" minValue="-1000.999" maxValue="1000">
                    <a:ajax update="output3" />
                </a:inputNumber>
            </a:column>
            <a:column>
                <a:inputText id="output3" disabled="true" value="#{inputNumberView.input3}"/>
            </a:column>
            <a:column>
                Maximun and minimum values (-1000.999 to 1000.000)
            </a:column>
        </a:row>
        <a:row>
            <a:column>
                <a:inputNumber id="input4" value="#{inputNumberView.input4}" decimalPlaces="6">
                    <a:ajax update="output4" />
                </a:inputNumber>
            </a:column>
            <a:column>
                <a:inputText id="output4" disabled="true" value="#{inputNumberView.input4}"/>
            </a:column>
            <a:column>
                Custom decimal places
            </a:column>
        </a:row>
        <a:row>
            <a:column>
                <a:inputNumber id="input5" value="#{inputNumberView.input5}" symbol="%"
                                symbolPosition="s" required="true" emptyValue="empty">
                    <a:ajax update="output5" />
                </a:inputNumber>
            </a:column>
            <a:column>
                <a:inputText id="output5" disabled="true" value="#{inputNumberView.input5}"/>
            </a:column>
            <a:column>
                Empty value (empty) and required
            </a:column>
        </a:row>
        <a:row>
            <a:column>
                <a:inputNumber id="input6" value="#{inputNumberView.input6}" symbol="%"
                                symbolPosition="s" emptyValue="zero"> 
                    <a:ajax update="output6" />
                </a:inputNumber>
            </a:column>
            <a:column>
                <a:inputText id="output6" disabled="true" value="60.0"/>
            </a:column>
            <a:column>
                Empty value (zero)
            </a:column>
        </a:row>
        <a:row>
            <a:column>
                <a:inputNumber id="Input7" value="#{inputNumberView.input7}" symbol="%"
                                symbolPosition="s" emptyValue="sign">  
                    <a:ajax update="output7" />
                </a:inputNumber>
            </a:column>
            <a:column>
                <a:inputText id="output7" disabled="true" value="#{inputNumberView.input7}"/>
            </a:column>
            <a:column>
                Empty value (sign)
            </a:column>
        </a:row>
        <a:row>
            <a:column>
                <a:inputNumber id="Input8" value="#{inputNumberView.input8}" decimalPlaces="15">
                    <a:ajax update="output8" />
                </a:inputNumber>
            </a:column>
            <a:column>
                <a:inputText id="output8" disabled="true" value="#{inputNumberView.input8}"/>
            </a:column>
            <a:column>
                15 Decimals using BigDecimal
            </a:column>
        </a:row>
    </a:panelGrid>
</a:form>

package com.jarch.showcase.view.input;

import java.math.BigDecimal;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

@ManagedBean
@ViewScoped
public class InputNumberView {

    private Double input1 = new Double(0);
    private Double input2 = new Double(0);
    private Double input3 = new Double(0);
    private Double input4 = new Double(0);
    private Double input5 = new Double(0);
    private Double input6 = new Double(0);
    private Double input7 = null;
    private BigDecimal input8 = new BigDecimal(0);


    public InputNumberView() {
        input1 = 0d;
        input2 = 0d;
        input3 = 0d;
        input4 = 0d;
        input5 = 251.31;
        input6 = 60d;
        input8 = new BigDecimal("1234.000000001");
    }

    public Double getInput1() {
        return input1;
    }

    public void setInput1(Double input1) {
        this.input1 = input1;
    }

    public Double getInput2() {
        return input2;
    }

    public void setInput2(Double input2) {
        this.input2 = input2;
    }

    public Double getInput3() {
        return input3;
    }

    public void setInput3(Double input3) {
        this.input3 = input3;
    }

    public Double getInput4() {
        return input4;
    }

    public void setInput4(Double input4) {
        this.input4 = input4;
    }

    public Double getInput5() {
        return input5;
    }

    public void setInput5(Double input5) {
        this.input5 = input5;
    }

    public Double getInput6() {
        return input6;
    }

    public void setInput6(Double input6) {
        this.input6 = input6;
    }

    public Double getInput7() {
        return input7;
    }

    public void setInput7(Double input7) {
        this.input7 = input7;
    }

    public BigDecimal getInput8() {
        return input8;
    }

    public void setInput8(BigDecimal input8) {
        this.input8 = input8;
    }
}