--- /dev/null
+package com.itmill.toolkit.demo.featurebrowser;\r
+\r
+import com.itmill.toolkit.data.Property.ValueChangeEvent;\r
+import com.itmill.toolkit.ui.CustomComponent;\r
+import com.itmill.toolkit.ui.DateField;\r
+import com.itmill.toolkit.ui.Field;\r
+import com.itmill.toolkit.ui.InlineDateField;\r
+import com.itmill.toolkit.ui.Label;\r
+import com.itmill.toolkit.ui.OrderedLayout;\r
+import com.itmill.toolkit.ui.Panel;\r
+import com.itmill.toolkit.ui.Slider;\r
+import com.itmill.toolkit.ui.TextField;\r
+\r
+/**\r
+ * Shows a few variations of Buttons and Links.\r
+ * \r
+ * @author IT Mill Ltd.\r
+ */\r
+public class ValueInputExample extends CustomComponent {\r
+\r
+ Label textfieldValue;\r
+\r
+ public ValueInputExample() {\r
+\r
+ OrderedLayout main = new OrderedLayout();\r
+ main.setMargin(true);\r
+ setCompositionRoot(main);\r
+ // TextField\r
+ OrderedLayout horiz = new OrderedLayout(\r
+ OrderedLayout.ORIENTATION_HORIZONTAL);\r
+ main.addComponent(horiz);\r
+ Panel left = new Panel("TextField");\r
+ left.setStyleName(Panel.STYLE_LIGHT);\r
+ horiz.addComponent(left);\r
+ Panel right = new Panel("Last input");\r
+ right.setStyleName(Panel.STYLE_LIGHT);\r
+ horiz.addComponent(right);\r
+\r
+ textfieldValue = new Label();\r
+ textfieldValue.setContentMode(Label.CONTENT_PREFORMATTED);\r
+ right.addComponent(textfieldValue);\r
+\r
+ Field.ValueChangeListener listener = new Field.ValueChangeListener() {\r
+ public void valueChange(ValueChangeEvent event) {\r
+ textfieldValue.setValue(event.getProperty().getValue());\r
+ }\r
+ };\r
+\r
+ TextField tf = new TextField("Basic");\r
+ tf.setColumns(15);\r
+ tf.setImmediate(true);\r
+ tf.addListener(listener);\r
+ left.addComponent(tf);\r
+\r
+ tf = new TextField("Area");\r
+ tf.setColumns(15);\r
+ tf.setRows(5);\r
+ tf.setImmediate(true);\r
+ tf.addListener(listener);\r
+ left.addComponent(tf);\r
+\r
+ // DateField\r
+ horiz = new OrderedLayout(OrderedLayout.ORIENTATION_HORIZONTAL);\r
+ main.addComponent(horiz);\r
+ left = new Panel("DateField");\r
+ left.setStyleName(Panel.STYLE_LIGHT);\r
+ horiz.addComponent(left);\r
+ right = new Panel("Inline ");\r
+ right.setStyleName(Panel.STYLE_LIGHT);\r
+ horiz.addComponent(right);\r
+ // default\r
+ DateField df = new DateField("Default (day) resolution");\r
+ left.addComponent(df);\r
+ // minute\r
+ df = new DateField("Minute resolution");\r
+ df.setResolution(DateField.RESOLUTION_MIN);\r
+ left.addComponent(df);\r
+ // year\r
+ df = new DateField("Year resolution");\r
+ df.setResolution(DateField.RESOLUTION_YEAR);\r
+ left.addComponent(df);\r
+ // msec\r
+ df = new DateField("Millisecond resolution");\r
+ df.setResolution(DateField.RESOLUTION_MSEC);\r
+ left.addComponent(df);\r
+ // Inline\r
+ df = new InlineDateField();\r
+ right.addComponent(df);\r
+\r
+ // Slider\r
+ left = new Panel("Slider");\r
+ left.setStyleName(Panel.STYLE_LIGHT);\r
+ main.addComponent(left);\r
+\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
+ Slider s = (Slider) event.getProperty();\r
+ s.setCaption("Value: " + s.getValue());\r
+ }\r
+ });\r
+ try {\r
+ slider.setValue(20);\r
+ } catch (Exception e) {\r
+ e.printStackTrace(System.err);\r
+ }\r
+ left.addComponent(slider);\r
+\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
+ Slider s = (Slider) event.getProperty();\r
+ s.setCaption("Value: " + s.getValue());\r
+ }\r
+ });\r
+ try {\r
+ slider.setValue(0.5);\r
+ } catch (Exception e) {\r
+ e.printStackTrace(System.err);\r
+ }\r
+ left.addComponent(slider);\r
+\r
+ }\r
+\r
+}\r