chrome瀏覽器-Toolbar工具條不顯示

php之路發表於2013-12-02

來源於《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);
    }
});

 

相關文章