2012-05-24 3 views
-1

Имейте трудное время, изучая ExtJS. несмотря на то, что почти везде упоминалось, что это было проще всего по сравнению с другими, такими как DOJO.
Что я пытаюсь создать, это простое дерево (NO MVC .. простое дерево). мой Heres 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 это

<body> 
    <div> 

    </div> 
</body> 

, что я делаю неправильно?
ОБНОВЛЕНИЕ: -
1.whole javascript здесь размещается на странице после тега тела.
2. im включая файл bootstrap.js jsvascript, который связан с загрузкой ExtJS.

+1

Там, кажется, нет никаких проблем с вашим кодом. Вот код запуска: http://jsfiddle.net/FULtb/ Вы получаете какую-либо ошибку на консоли firebug или chrome? –

+0

no - нет ошибок в хром или то есть .. то, что im получает панель на веб-странице, и ничего больше –

+0

oops, что мне не хватало, был Ext.onReady(), но я не понимаю, зачем это нужно, когда я включил сценарий в конце и панель была сделана –

ответ

0

Ext.create() функция должна была назвать внутри Ext.onReady() иначе некоторые elemnts оказываются и другие не

+0

Квадратная скобка после 2.cildern была пустой. Чтобы получить «Grandchild» == ... root.children [2] ["children"] ** [0] ** ["text"]. Существует меньше уровня массива с длиной 1. Это может быть позже. –

Смежные вопросы