显示拆分按钮选项

Question

我已经创建了带有选项的拆分按钮。我需要点击按钮旁边显示的选项的值。我尝试了我编写的以下代码，但它不显示该选项。建议将不胜感激。

Ext.create('Ext.button.Split', { 
renderTo: Ext.getBody(), 
text: 'Options', 
    handler: function() { 
    alert("The button was clicked"); 
}, 
menu: new Ext.menu.Menu({ 
    items: [ 
     {text: 'Item 1', handler: function({ 
      Ext.create('Ext.form.field.Display', { 
         value: 'Item 1'} 
        )} 
       }, 
     {text: 'Item 2', handler: function(){ { 
      Ext.create('Ext.form.field.Display', { 
         value: 'Item 2'} 
        )} 
       } 
      ] 
    }) 
}); 

Answer 1

首先你不要在任何地方渲染显示字段，只需创建（JS）对象（如Evan所说）。

第二，我怀疑你每次选择选项时都必须创建显示区域。只需将单个显示字段添加到您的应用并更新其值。

Simple fiddle。

Answer 2

试试这个小提琴可以给你一些想法Fiddle

你想的方式是错误的，你不能直接创建Ext.form.DisplayField没有容器为