2015-12-10 65 views
1

我在ExtJS的是新的。我想知道。我可以使用哪些組件來製作桌面應用中的菜單和工具欄? 我的意思是這樣的。 enter image description here如何在extjs中製作菜單和工具欄?

我寫了這個代碼,但結果卻是不相似的桌面應用程序菜單。

Ext.define('untitled.view.main.Main', { 
extend: 'Ext.panel.Panel', 
xtype: 'app-main', 

width: 200, 
height: 150, 
tbar: [{ 
    xtype: 'button', 
    text: 'Select', 
    menu: Ext.create('Ext.menu.Menu', { 
     items: [{ 
      text: 'JavaScript', 
      handler: function() { 
       alert('Selected JavaScript'); 
      } 
     }, { 
      text: 'Java', 
     }, { 
      text: 'C/C++' 
     }] 
    }) 
}] 

});

新-------

enter image description here

非常感謝你,和最後一個問題。我怎樣才能刪除這個箭頭?

回答

1

這裏是小提琴 - desktop-like toolbar(使用您的iconCls圖標按鈕)。

詢問是否需要的東西更新。

+0

非常感謝你,和最後一個問題。我怎樣才能刪除這個箭頭? – user45245

+1

用'arrowCls:'''屬性去除箭頭類。小提琴更新。 –