ExtJS 4動態添加按鈕

Question

我有一個顯示來自數據庫的記錄的網格。我有列 - 一個用於記錄的名稱，第二個我想放一個按鈕，然後添加一些邏輯。我有這個網格：

Ext.create('Ext.grid.Panel', { 
     id: 'id-procedures', 
     title: 'Documents', 
     store:'Procedures', 
     columns: [{ 
      header: 'Title' 
      dataIndex: 'name', 
      width: 500 
     },{ 
      header: 'Open', 
      renderer: this._renderOpenProcedure, 
      width:50 
     }), 

然後我嘗試這種添加按鈕動態地：

_renderOpenProcedure: function() { 

    var button = Ext.create('Ext.Button', { 
      text: 'Click me', 
      renderTo: Ext.getBody(), 
       handler: function() { 
      alert('You clicked the button!') 
          } 
         }); 
      return button; 
    }, 

但我得到的列是這樣的：

[對象對象]

這怎麼辦？

感謝 Leron

Answer 1

到這裏看看：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.column.Action

不需要渲染按鈕進入細胞，已經有特殊類型此列。