來源於《sencha touch 權威指南》
------------------------------------
工具條按鈕在chrome下不顯示,不知是不支援還是程式碼有問題。app.js程式碼如下:
Ext.require(['Ext.form.Panel','Ext.Toolbar']); Ext.application({ name: 'MyApp', icon: 'images/icon.png', glossOnIcon: false, phoneStartupScreen: 'images/phone_startup.png', tabletStartupScreen: 'images/tablet_startup.png', launch: function(){ var myToolbar = Ext.create('Ext.Toolbar',{ id: 'mytoolbar', docked: 'top', items:[{ ui: 'action', text: '按鈕一' },{ ui: 'confirm-round', text: '按鈕二' },{ ui: 'decline', text: '按鈕三' },{ ui: 'decline-small', text: '按鈕四' }] }); var myPanel = Ext.create('Ext.Panel',{ id: 'mypanel', itmes: [myToolbar], html: '測試皮膚' }); Ext.Viewport.add(myPanel); } });