title: How can I persist ExtJS datagrid column hiding/showing/moving/resizing?
body: <p>I would like to make a user's changes to an ExtJS datagrid's column display (hiding, showing, moving, resizing) persistent and stored on the server. There are a lot of events to listen to, but registering handlers on the grid itself doesn't seem to result in alerts being called:</p>
  
  <pre><code>    grid.on('hide', function(event)
          {
          alert('Save column order: column hidden.');
          });
      grid.on('move', function(event)
          {
          alert('Save column order: column moved.');
          });
      grid.on('resize', function(event)
          {
          alert('Save column sizes: column resized.');
          });
      grid.on('show', function(event)
          {
          alert('Save colum order: column shown.');
          });
  </code></pre>
  
  <p>(My basic approach may or may not be optimal.)</p>
  
  <p>What concretely should I do to be listening in on these events? I can hide, show, move, and resize columns without triggering an alert.</p>