Grouping Extjs Form Fields in JSON output

Question

I have the following Form Structure:

| id <hidden field> 
\
 |- Personal Details
 \
 | Name
 | Surname

When I use the form.getFormValues() I get the following JSON output:

id:<idValue>,
name:<nameValue>,
surname:<surNameValue>

What I'd like to get as output is as follows:

id:<idValue>,
personalDetails {name:<nameValue>, surname:<surNameValue>}

Is there any way to achieve this in ExtJS?

I've looked into FieldContainer & FieldSets but can't seem to get the result I would like.

Answer 1

Unfortunately not, the form is not aware of any hierarchy of fields, calling getValues() returns plain object with name/value pairs.