2012-05-24 166 views
-1

即時通訊學習ExtJS很難。儘管幾乎所有地方都有人提到,與DOJO等其他人相比,這是最容易的事實。
iam試圖創建一個簡單的樹(沒有MVC ..只是一棵簡單的樹)。 繼承人我的javascript代碼..extjs樹組件不能正確渲染

Ext.create('Ext.tree.Panel', { 
      renderTo: Ext.getBody(), 
      title: 'Simple Tree', 
      width: 150, 
      height: 150, 
      root: { 
       text: 'Root', 
       expanded: true, 
       children: [ 
        { 
         text: 'Child 1', 
         leaf: true 
        }, 
        { 
         text: 'Child 2', 
         leaf: true 
        }, 
        { 
         text: 'Child 3', 
         expanded: true, 
         children: [ 
          { 
           text: 'Grandchild', 
           leaf: true 
          } 
         ] 
        } 
       ] 
      } 
     }); 

,只像一個面板所呈現的身體。 html is this

<body> 
    <div> 

    </div> 
</body> 

我做錯了什麼?
更新: -
1.整體的javascript這裏放在頁面後面的body標籤。
2. im包含bootstrap.js jsvascript文件,該文件包含ExtJS下載。

+1

似乎與你的代碼沒有問題。這裏是運行的代碼:http://jsfiddle.net/FULtb/你在firebug或chrome控制檯上有任何錯誤嗎? –

+0

不 - 在鉻或在ie沒有錯誤..什麼即時得到的是在網頁上的面板,沒有別的 –

+0

哎呀我想念的是Ext.onReady(),但我不明白爲什麼它需要當我包括腳本在末尾和麪板正在呈現 –

回答

0

Ext.create()功能應該被稱爲內Ext.onReady()另有一些elemnts被渲染和其他人不

+0

2.cildern之後的方括號是浪費。要獲得'孫子'== ... root.children [2] [「children」] ** [0] ** [「text」]。有一個使用較少的數組級別,長度爲1.這可能是以後的陷阱。 –