title: Extjs 3.4 add buttons (Edit, Delete) to the grid row
body: <p>I have Grid, in each row must be a column with edit/delete buttons. When I click on Edit -it must open the popup window and in this popup window must be a form with object filds from the grid row. When I click delete button, it must delete object(row). I can not find simple solution... </p>
  
  <p>What I did:</p>
  
  <pre><code>columns: [
  {
      header: 'Action',
      width: 145,
      sortable: false,
      renderer: function (value, metaData, record, rowIndex, colIndex, store) {
  
          function createGridButton(value, id, record, handlerFunc, rowIndex) {
              new Ext.Button({
                  text: value,
                  value: rowIndex,
                  handler: handlerFunc
              }).render(document.body, id);
          }
  
          var id = 'x-btn-container-' + rowIndex;
  
          createGridButton.defer(1, this, ['Edit', id, record, function (btn, e) {
              openWindowWithForm();
          }, rowIndex]);
  
          createGridButton.defer(2, this, ['Delete', id, record, function (btn, e) {
              alert('Row was deleted');
          }, rowIndex]);
          return ('&lt;div id="' + id + '"&gt;&lt;/div&gt;');
      },
      dataIndex: 'action'
  },
  {
      header: 'Login',
      dataIndex: 'login'
  },
  {
      header: 'Email',
      dataIndex: 'email'
  },
  {
      header: 'FirtsName',
      dataIndex: 'firstName'
  },
  {
      header: 'LastName',
      dataIndex: 'lastName'
  },
  {
      header: 'Birthday',
      dataIndex: 'birthday',
      xtype: 'datecolumn',
      format: 'd/m/Y'
  }
  ]
  </code></pre>
  
  <p>I have added the buttons in 1-st column, but how can I delete and Edit the rows, i can not get RowIndex to do it.
  Please any help with this problem. </p>