After creating our beautifully crafted and user-friendly form we will inevitably need to populate it with some data so users can edit it. Ext JS makes this easy, and this recipe will demonstrate four simple ways of achieving it.
We will start by explaining how to populate the form on a field-by-field basis, then move on to ways of populating the entire form at once. We will also cover populating it from a simple object, a Model instance, and a remote server call.
We will be using the form created in this chapter's first recipe as our base for this section, and many of the subsequent recipes in this chapter, so please look back if you are not familiar with it.
All the code we will write in this recipe should be placed under the definition of this form panel.
You will also require a working web server for the There's More example, which loads data from an external file.