如何使用sencha創建面板

Question

我想使用sencha.i創建一個面板，嘗試了下面的代碼，但它不起作用。

Ext.setup({ 
    icon: 'icon.png', 
    tabletStartupScreen: 'tablet_startup.png', 
    phoneStartupScreen: 'phone_startup.png', 
    glossOnIcon: false, 
    onReady: function() { 


    var main = new Ext.Panel({ 
     title: 'My first panel', //panel's title 
     width:250, //panel's width 
     height:300, //panel's height 
     //the element where the panel is going to be inserted 
     html: 'Nothing important just dummy text' //panel's content 
    }); 
    main.render('frame'); 
    } 
    }); 

Answer 1

我認爲你缺少面板的佈局，如果你設置「全屏」屬性爲true，那麼你應該看到你的面板出現。

在這裏有一個很好的視頻教程http://vimeo.com/15879797。

希望有幫助，我現在剛剛學習Sencha！

Ext.setup({ 
      icon: 'icon.png', 
      tabletStartupScreen: 'tablet_startup.png', 
      phoneStartupScreen: 'phone_startup.png', 
      glossOnIcon: false, 
      onReady: function() { 


      var main = new Ext.Panel({ 
            title: 'My first panel', //panel's title 
            fullscreen: true, 
            //the element where the panel is going to be inserted 
            html: 'Nothing important just dummy text' //panel's content 
            }); 

      } 
      }); 

Answer 2

如果您仍然遇到Sencha Touch以下網站真的很不方便：http://miamicoder.com/2011/writing-a-sencha-touch-application-part-1/。

我自己用它來學習開發Sencha Touch應用程序的基礎知識。作者很好地解釋了代碼，並展示瞭如何編程一些基本的東西，如本地存儲，導航和列表。