title: Adding link against each row in grid
body: <p>I need to display a 'Delete' link against each row in a editorgridpanel.<br>
  How do I create this link;as it is not mapped to any particular column in the store?<br>
  I tried the following but it does not display the link against the added records:</p>
  
  <pre><code> var sampleRecord = new Ext.data.Record.create([
          {mapping: 'organizationId',name:'organizationId', type:'int'},
          {mapping: 'name',name:'name', type:'string'},
          {mapping: 'address',name:'address' , type:'int'}
          ]);
  
      var s_grid= new Ext.grid.EditorGridPanel ({
          .........
              columns: [
                    {header: 'id', width: 120, sortable: false, dataIndex: 'organizationId'},
                    {header: 'name',width: 120, sortable: false, dataIndex: 'name'},
                    {header: 'address', sortable: false,width: 45, dataIndex: 'address'},
                    {header: '',width: 50, sortable: false, renderer:this.delRenderer }
               ],
              .....
  ,
              delRenderer:function (val, meta, rec, rowIdx) {
                  var tempStr="&lt;div onclick=\"javascript:Ext.getCmp('" +"s_grid" + "').deAllocate(" + rowIdx + ");\" class='pointer'&gt;&lt;span style='color:#0000FF'&gt;&lt;u&gt;Delete&lt;/u&gt;&lt;/span&gt;&lt;/div&gt;";
                  return tempStr ;
              },
              deAllocate:function (rowIdx ) {
                  Ext.getCmp('s_grid').getStore().removeAt(rowIdx);
                  Ext.getCmp('s_grid').getView().refresh();
              }
  
              });
  </code></pre>
  
  <p>Help is appreciated.</p>