無法在sencha touch中刷新面板

對於我的移動網站，我面臨的問題是UI元素的渲染彼此重疊，當我刷新或拉伸窗口時，UI元素的渲染將按需要顯示。

所以，我試圖刷新面板使用doLayout但無法做到這一點。可能是我沒有在正確的地方使用doLayout（）。

這是我的代碼。

var app=new Ext.Application({ 
    name:'entwoven', 
    useLoadMask:true, 
    launch:function() 
    { 

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


    var loginScreen = Ext.getCmp('loginPanel').items.items[0]; 
    loginScreen.doLayout(); 



    entwoven.views.loginToolbar = new Ext.Toolbar({ 
    id:'loginToolbar', 
    title: 'Login', 
    dock :'top' 
    }); 

    entwoven.views.imgPanel = new Ext.Panel({ 
     id: 'imgPanel', 
     html : '<div class="volkwagen"><center></center></div>' 

    }); 

    entwoven.views.formPanel = new Ext.form.FormPanel({ 
     id : 'formPanel', 
     items: [{ 

      xtype : 'textfield', 
      id: 'userId', 
      name: 'name', 
      placeHolder: 'UserId' 
     }, 
     { 
      xtype: 'passwordfield', 
      id: 'passwordfield', 
      name : 'password', 
      placeHolder: 'Password' 
     } 

    ] 
    }); 

    entwoven.views.storebtnPanel = new Ext.Panel({ 
     id: 'storebtnPanel', 
     layout: 'hbox', 
     items :[{ 
      xtype : 'button', 
      cls : 'storebtnAction', 
      activeCls : 'activeStore', 
      id: 'storebtn' 
      },{html : 'Store', 
       id: 'storetext'}] 
    }); 

    entwoven.views.btnPanel = new Ext.Panel({ 
     id: 'btnPanel', 
     items:[{ 
      xtype : 'button', 
      cls : 'btnAction', 
      id: 'loginbtn', 
      activeCls : 'activeLogin', 
      name: 'loginButton', 


     }] 
    }); 


    entwoven.views.loginPanel = new Ext.Panel({ 
     id:'loginPanel', 
     fullscreen:true, 
     cls: 'panelBackground', 
     dockedItems: entwoven.views.loginToolbar, 
     items : [entwoven.views.imgPanel,entwoven.views.formPanel,entwoven.views.storebtnPanel,entwoven.views.btnPanel] 

     }); 

entwoven.views.viewport = new Ext.Panel({ 
    layout: 'card', 
    fullscreen: 'true', 
    cardAnimation: 'slide', 
    cls: 'com', 
     items: [entwoven.views.loginPanel] 
    }); 
} 
}); 


} 
});

在控制檯上，我得到的錯誤是"Uncaught TypeError: Cannot read property 'items' of undefined"。

請幫助如何刷新或'更新'上述面板，以便我可以正確呈現UI元素。

謝謝

來源

2012-05-21 Gendaful

第一件事情，你需要將此代碼移動到onReady事件的底部：

var loginScreen = Ext.getCmp('loginPanel').items.items[0]; 
loginScreen.doLayout();

原因是，你還沒有定義loginPanel組件，讓你參考它將是空的。將其移動到底部，或者更具體地說，在loginPanel定義之後將解決項目未定義的錯誤。

請更明確有關UI渲染問題：

你瞄準什麼分辨率？
哪些組件不能正確渲染？

來源

2012-05-21 16:06:20

無法在sencha touch中刷新面板

回答

相關問題