Как показать меню в сетке - ExtJS 5?

Question

Я пытаюсь показать меню в панели сетки. У меня есть actioncolumn для отображения значка, и я хочу применить эффект ... когда мышь над этим значком, отобразится меню.

Как я могу это сделать в extjs 5?

Мой actioncolumn это:

{ 
    xtype: 'actioncolumn', 
    width: 70, 
    items: [{ 
    icon: 'resources/images/icons/cog_edit.png', // Use a URL in the icon config 
      tooltip: 'Edit', 
      handler: function(grid, rowIndex, colIndex, a, b, c) { 

      } 
    }] 
} 

Answer 1

Ссылаясь на эту post, что я говорил в комментариях, ваше решение может выглядеть примерно так:

var menu_grid = new Ext.menu.Menu({ 
    items: [ 
     { text: 'Add', handler: function() {console.log("Add");} }, 
     { text: 'Delete', handler: function() {console.log("Delete");} } 
    ] 
}); 

... 
{ 
    xtype: 'actioncolumn', 
    width: 70, 
    items: [{ 
     icon: 'resources/images/icons/cog_edit.png', // Use a URL in the icon config 
     tooltip: 'Edit', 
     handler: function(grid, rowIndex, colIndex, item, e, record) { 
      var position = e.getXY(); 
      e.stopEvent(); 
      menu_grid.showAt(position); 
     } 
    }] 
} 

EDIT: Будьте осторожны, создавая предметы например, когда они скрыты, они полностью не удаляются и могут вызвать утечку памяти, обратитесь к этому post за дополнительной информацией и возможными обходными решениями/решениями.