diff options
Diffstat (limited to 'documentation/components/components-fields.asciidoc')
| -rw-r--r-- | documentation/components/components-fields.asciidoc | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/documentation/components/components-fields.asciidoc b/documentation/components/components-fields.asciidoc index 229592c74e..e46c4e64da 100644 --- a/documentation/components/components-fields.asciidoc +++ b/documentation/components/components-fields.asciidoc @@ -9,14 +9,13 @@ layout: page ((("[classname]#Field#", id="term.components.fields", range="startofrange"))) - -__Fields__ are components that have a value that the user can change through the -user interface. <<figure.components.fields>> illustrates the inheritance -relationships and the important interfaces and base classes. +_Fields_ are components that have a value that the user can change through the +user interface. +<<figure.components.fields>> illustrates the inheritance relationships and the important interfaces and base classes. [[figure.components.fields]] -.Field Components -image::img/field-diagram-hi.png[] +.Field components +image::img/field-diagram-hi.png[width=80%, scaledwidth=100%] Field components are built upon the framework defined in the [classname]#Field# interface and the [classname]#AbstractField# base class. @@ -29,6 +28,10 @@ addition to the component features inherited from The description of the field interfaces and base classes is broken down in the following sections. +[[figure.components.fields.hasvalue]] +.Field components having values +image::img/field-interface-v8-hi.png[width=60%, scaledwidth=100%] + [[components.fields.field]] == [classname]#Field# Interface @@ -275,12 +278,12 @@ final TextField field = new TextField("Name"); field.setNullRepresentation(""); field.setNullSettingAllowed(true); layout.addComponent(field); - + // Define validation as usual field.addValidator(new StringLengthValidator( "The name must be 1-10 letters (was {0})", 1, 10, true)); - + // Run validation explicitly Button validate = new Button("Validate"); validate.addClickListener(new ClickListener() { @@ -341,5 +344,3 @@ writes the input values to the data source. (((range="endofrange", startref="term.components.fields"))) - - |