I am a novice at best so much of this I have pieced together by trial and error. I'm sure there are a lot of issues and probably better ways of accomplishing what I am trying to do. Just need to figure out the data store issue if possible.
Here is a link to the current working code base: http://www.keystone-360.com/Beta beta page
And here is the zip file containing all of html/js/css files: http://www.keystone-360.com/Beta/beta.zip beta.zip
This is where model view controller comes into play. The fields and grids on the right panel will bind to the datastores. Stores are like tables in a database. They contain models which are like records.
The kitchen sink has a large section on data binding. The binding is the same more or less across the modern and classic tool kits. https://examples.sencha.com/extjs/7.5.0/examples/kitchensink/?modern#data-binding
https://examples.sencha.com/extjs/7.5.0/examples/classic/writer/writer-jsonp.html