X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/form/fieldcontainer.html diff --git a/examples/form/fieldcontainer.html b/examples/form/fieldcontainer.html new file mode 100644 index 00000000..4086cc48 --- /dev/null +++ b/examples/form/fieldcontainer.html @@ -0,0 +1,37 @@ + + + + + FieldContainer Example + + + + + + + + + + + + + +

FieldContainer Example

+ +

Several form fields can be placed onto the same row with a FieldContainer.

+ +

The FieldContainer's child items are arranged like in any other container, using the + layout configuration property. In this example, each FieldContainer + is set to use an HBox layout - see + the HBox docs for details or the HBox layout example.

+ +

FieldContainers can be configured with the combineErrors option, which combines errors from + the sub fields and presents them at the container level.

+ +

In this example the Date Range, Phone and Full Name items have this option enabled, and + the Time worked item does not. The msgTarget + config option is fully supported, so errors can be rendered to any of the supported locations.

+ +

The js is not minified so it is readable. See fieldcontainer.js.

+ +