title: Displaying the number of rows in a grid - Extjs
body: <p>So I'm trying to display the number of rows (records) returned from a grid. Here's the code:</p>
  
  <pre><code>Ext.define('AM.view.user.List' ,{
      extend: 'Ext.grid.Panel',
      alias: 'widget.userlist',
      title: '&lt;center&gt;Data Management&lt;/center&gt;',
      store: 'Users',
      dockedItems: [{
          xtype: 'toolbar',
          dock: 'bottom',
  
      items: [
          { xtype: 'tbtext', text: 'Number of Records\:' + ***code that will return number of records*** },
          { xtype: 'tbfill' },
          { text: 'Print' },
          { text: 'Export' }
      ]
  }],
  ...
  </code></pre>
  
  <p>I'm not sure how to use the getCount() method to return the number of rows from this grid (or store?). Any ideas?</p>
  
  <p>Heres: my store:</p>
  
  <pre><code>Ext.define('AM.store.Users', {
      extend: 'Ext.data.Store',
      model: 'AM.model.User',
      fields: ['field1', 'field2', 'field3'],
      data: [
          {field1: 'Data 1', field2: 'Data 2', field3: 'Data 3'},
          {field1: 'Data 1', field2: 'Data 2', field3: 'Data 3'},
          {field1: 'Data 1', field2: 'Data 2', field3: 'Data 3'}
  
      ]
  </code></pre>
  
  <p>});</p>