Databases
StackOverflow2013
Postsdbo
POImplementing a complex data structure in ExtJS forms
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POImplementing a complex data structure in ExtJS forms
    text
    copied!<p>We have a client with a requirement of rather complex data-model. Meaning the data-model is not only quite huge (around 500-1000 fields, nested in many objects) it is also required to send and received all data at any time which is all time a field get changed (after it looses focus). We get it all as JSON. Here is a structure example:</p> <pre><code>{ data: { somefield: 'some content' }, label: { somelabel: 'some label text' }, applyable: { somefield: { visible: false } } someSubForm: { data: { somefield: 'some content' }, label: { somelabel: 'some label text' }, anotherSubForm: { data: { somefield: 'some content' }, label: { somelabel: 'some label text' } } } } </code></pre> <p>But that is not all; the model also contains labels, tooltips and other configurations. All data need to be displayed in multiple tabs where it is possible that the same data is displayed in two different tabs. Due to the required layout (defined by the client) the forms will be nested into each other.</p> <p>The backend is provided by our customer so I can't change anything here.</p> <p>I began by using a single model with a defined proxy to load the JSON. But after that I ran into several problems. </p> <p>First is that the form will always track all fields, even the one of nested forms Second is that I cannot change any labels or apply custom settings Third is that due to the huge amount of data the loadRecord() and getValues() methods runs quite long.</p> <p>My question is how can I break this down so that each form only processes it's own data and not all data and how would I be able to apply custom settings?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload