2013-02-28 55 views
2

我是EXT-Js的新手,我試圖在我的eclipse IDE中運行一些示例程序。當我嘗試運行下面的示例時,我無法在瀏覽器(IE9)中看到任何輸出,並且當我檢查瀏覽器控制檯時,沒有任何錯誤。但是當我將相同的代碼放入Ext.onReady函數時,我能夠看到所需的輸出。任何人都可以請解釋我,如果我在這裏失蹤somethig ...只是想確定這個渲染會做什麼(另外,我試圖把一個div放在HTML頁面,並給予div id爲renderto屬性,但沒有運氣)...EXT-JS 4x,無法看到輸出

Ext.create('Ext.panel.Panel', { 
    renderTo: Ext.getBody(), 
    width: 400, 
    height: 300, 
    //layout: 'row', 
    title: 'Container Panel', 
    items: [ 
     { 
      xtype: 'panel', 
      title: 'Child Panel 1', 
      height: 100, 
      width: '75%', 
      html: 'This is chile 1' 
     }, 
     { 
      xtype: 'panel', 
      title: 'Child Panel 2', 
      height: 100, 
      width: '75%', 
      html: 'This is chile 2' 
     } 
    ] 
}); 

回答

1

的你不會錯過任何真正的 - Ext.onReady正是做這種設置的正確的地方。它標誌着ExtJS所需的腳本已被加載的時候。

+0

嗨Rob Agar,感謝您的評論。那麼在extjs中使用renderto究竟是什麼..... – CARTIC 2013-02-28 11:21:12

+0

這只是告訴ext在現有的DOM樹中你要插入面板的位置 - 在這種情況下作爲頁面的直接子節點 – 2013-02-28 11:35:04