javascript - store values from form to grid -

i have create add record form in extjs stores user entered data grid.

well , if found following method form values formpanel

var formpanel = new ext.form.formpanel({...}); var form = formpanel.getform(); var firstname = form.findfield('firstname').getvalue(); 

but want covert user input value json , want store grid panel , want send server also. using findfield have manually create array , need encode json , there alternate way directly read values form , convert json , store grid panel.

when "want store in gridpanel" updating existing record in grid's store or inserting new 1 or both? (depending on whether add or update probably?)

for such situations, basicform (var form in snippet above) provides updaterecord( record record ) method.

so steps -

var record = record.create(...) // in case of insert 

or

var record = //obtain record grid.getstore() in case of update 

then,

formpanel.getform().updaterecord(record); //update passed record values form 

followed committing record store-

grid.getstore().add(record); //in case of insert grid.getstore().commitchanges(); //incase of update 

reference - ext.form.basicform , ext.data.record

define record type -

myrecordtype = ext.data.record.create(['id', 'field1', 'field2']);  var myrec = new myrecordtype(); 

now pass myrec updaterecord mentioned above.