顯示拆分按鈕選項

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沒有容器爲