Прикрепить прослушиватель щелчка к пункту меню

Question

Я новичок в ExtJS, так что здесь.Я создаю меню на лету;меню отображается только при нажатии элемента, например кнопки или изображения.В меню есть два пункта, которые я хотел бы иметь возможность выполнять определенную функциональность, то есть уникальную при нажатии на любой из пунктов меню.

var menu = Ext.create('Ext.menu.Menu', {
  bodyStyle: 'backgroundColor: #FFF;',
  renderTo: targetElement,
  showSeparator: false,
  floating: true,
  items: [
      { 
          // When clicked do A
          text: 'A',
          plain: true,
          cls: 'menu-item'
      },
      {
          // When clicked do B
          text: 'B',
          plain: true,
          cls: 'menu-item'
      }
  ]
});

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

{ 
    // When clicked do A
    text: 'A',
    plain: true,
    cls: 'menu-item',
    listeners: {
      click: function(item, e, eOpts) {
         console.log("Foo");
      }
    }
}

Есть идеи?

Answer 1

Используйте menu.showBy () после создания меню, чтобы соответствующим образом расположить плавающее меню и пропустить конфигурацию renderTo при создании меню.