import com.itmill.toolkit.ui.TextField;\r
\r
/**\r
- * Shows a few variations of Buttons and Links.\r
+ * Shows some basic fields for value input; TextField, DateField, Slider...\r
* \r
* @author IT Mill Ltd.\r
*/\r
public class ValueInputExample extends CustomComponent {\r
\r
+ // used to show the last entered value in the textfields\r
Label textfieldValue;\r
\r
public ValueInputExample() {\r
-\r
OrderedLayout main = new OrderedLayout();\r
main.setMargin(true);\r
setCompositionRoot(main);\r
+\r
// TextField\r
OrderedLayout horiz = new OrderedLayout(\r
OrderedLayout.ORIENTATION_HORIZONTAL);\r
Panel right = new Panel("Last input");\r
right.setStyleName(Panel.STYLE_LIGHT);\r
horiz.addComponent(right);\r
-\r
+ // "last entered" -label\r
textfieldValue = new Label();\r
textfieldValue.setContentMode(Label.CONTENT_PREFORMATTED);\r
right.addComponent(textfieldValue);\r
-\r
+ // listener that will update the last entered value for the TextFields\r
Field.ValueChangeListener listener = new Field.ValueChangeListener() {\r
public void valueChange(ValueChangeEvent event) {\r
textfieldValue.setValue(event.getProperty().getValue());\r
}\r
};\r
-\r
+ // basic TextField\r
TextField tf = new TextField("Basic");\r
tf.setColumns(15);\r
tf.setImmediate(true);\r
tf.addListener(listener);\r
left.addComponent(tf);\r
-\r
+ // multiline TextField a.k.a TextArea\r
tf = new TextField("Area");\r
tf.setColumns(15);\r
tf.setRows(5);\r
tf.addListener(listener);\r
left.addComponent(tf);\r
\r
- // DateField\r
+ // DateFields\r
horiz = new OrderedLayout(OrderedLayout.ORIENTATION_HORIZONTAL);\r
main.addComponent(horiz);\r
left = new Panel("DateField");\r
left = new Panel("Slider");\r
left.setStyleName(Panel.STYLE_LIGHT);\r
main.addComponent(left);\r
-\r
+ // int slider\r
Slider slider = new Slider(0, 100);\r
slider.setSize(300);\r
slider.setImmediate(true);\r
slider.addListener(new Slider.ValueChangeListener() {\r
public void valueChange(ValueChangeEvent event) {\r
+ // update caption when value changes\r
Slider s = (Slider) event.getProperty();\r
s.setCaption("Value: " + s.getValue());\r
}\r
e.printStackTrace(System.err);\r
}\r
left.addComponent(slider);\r
-\r
+ // double slider\r
slider = new Slider(0.0, 1.0, 1);\r
slider.setImmediate(true);\r
slider.addListener(new Slider.ValueChangeListener() {\r
public void valueChange(ValueChangeEvent event) {\r
+ // update caption when value changes\r
Slider s = (Slider) event.getProperty();\r
s.setCaption("Value: " + s.getValue());\r
}\r