OpenFaces.org
|
Documentation
|
Download
|
Support
Spinner
Specifying allowed number range
Number selection customization: cycling, step size
Focused and rollover style support
Appearance customization
Ajax Framework
Border Layout Panel
Calendar
Chart
Command Button
Command Link
Composite Filter
Confirmation
Data Table
Date Chooser
Day Table
Drop Down Field
Dynamic Image
Folding Panel
For Each
Graphic Text
Hint Label
Input Text
Input Textarea
Layered Pane
Popup Layer
Popup Menu
Select Boolean Checkbox
Select Many Checkbox
Select One Radio
Spinner
Suggestion Field
Tab Set
Tabbed Pane
Tree Table
Two List Selection
Validation
Window
Shopping Cart
Product Name
Price
Quantity
Left in Stock
Cost
Ink Pen Black
$7.99
79
$7.99
Leather Blotter
$15.49
24
$15.49
Ink Cartridge Blue
$9.00
9
$9.00
Ink Cartridge Black
$8.00
12
$0.00
Glass Inkwell Red
$80.00
9
$80.00
Glass Inkwell Blue
$80.00
7
$0.00
Marker Blue
$7.99
8
$15.98
Pen Set
$29.99
25
$59.98
Price editing mode -- shows Spinner editors for prices
Total Cost:
$188.44
Demonstrated Features
Specifying allowed number range
- The Spinner component allows to set maximum and minimum value, giving ability to simplify input data validation code and improve user experience. In the order form above users are restricted to increase product quantity over the amount present in stock. Spinner control is also configured to disallow decreasing product quantity below zero.
Floating point editing
- See the spinners that appear when "Price editing mode" checkbox is selected.
Specifying increase/decrease step
- See the price editor spinners have a custom step of 0.5.
Specifying number conversion settings and pattern
- The price editor spinner has a custom format formatting currency.
Focused style
- Click on one of Spinners controlling product quantity to see custom focused style.
OpenFaces 2.0 Demo
Copyright © 1994–2010
TeamDev Ltd
. All rights reserved.