Как создать панель с помощью 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

Если у вас все еще есть проблемы с Sencha Touch, следующий веб-сайт очень хорош: http://miamicoder.com/2011/writing-a-sencha-touch-application-part-1/.

Я сам использовал его, чтобы изучить основы разработки приложений Sencha Touch. Автор хорошо объясняет код и показывает, как программировать некоторые базовые вещи, такие как локальное хранилище, навигация и списки.

Answer 2

Я думаю, что вам не хватает макета для вашей панели, если вы установите для свойства "fullscreen" значение true, то вы увидите, что ваша панель появляется.

На панели есть хороший видеоурок http://vimeo.com/15879797.

Надеюсь, это поможет, я сейчас тоже изучаю Сенчу!

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  
                                   });  

          }
          });