How to update a Ext JS 4 grid when popup form is submitted

1
votes

Please point me to an Ext JS 4 code sample of a grid with records editable via a popup form. It seems to be a common use case, but I can only find editable grids with editing in place.

My approach:

  1. Each row in the grid has an Edit button, which shows Ext.window.Window with an item Ext.form.Panel.
  2. When the form is submitted I have all the fields, which correspond to a record in the grid store.

  3. I get record using:

    var storeRecord = grid.getStore().getAt(index);

    But when I modify properties of this record, and hide the form window, the grid does not show updated values.

Am I missing some step? Do I need to force refresh? Or maybe there is a standard way to configure the grid with an editor as a form panel?

1
extjsextjs4

1 Answers

1
votes

After two days of searches, trials and errors, I found the solution:

grid.getView().refresh();

I wish there was a faster way for Ext learning curve. :(