autoscroll не работает на панели дерева

Question

Я пытаюсь добавить полосу прокрутки на панель дерева, но даже если добавить autoscroll : true, она не прокручивается.

здесь панель:

Ext.create('Ext.tree.Panel', { 
           title: 'asdasd', 
           autoscroll:true, 
           store: store, 
           rootVisible: false, 
          }); 

А также, я показать эту панель на новом окне.

Answer 1

Если вы используете ExtJS5, для этой цели вы должны использовать конфигурацию scrollable. (http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.Component-cfg-scrollable)

Вот скрипка я сделал, чтобы попробовать:. https://fiddle.sencha.com/#fiddle/jd4

var store = Ext.create('Ext.data.TreeStore', { 

root: { 
    expanded: true, 
    children: [{ 
     text: "Grand Parent", 
     checked: false, 
     isSelected: false, 
     id: '1', 
     children: [{ 
      text: 'Child Node', 
      checked: false, 
      IsSelected: false, 
      id: '1.1', 
      children: [{ 
       text: "Grand Child One", 
       expanded: true, 
       checked: false, 
       isSelected: false, 
       id: '1.1.1', 
      }, { 

       text: "Grand Child Two", 
       expanded: true, 
       checked: false, 
       isSelected: false, 
       id: '1.1.2', 
      }, { 

       text: "Grand Child Three", 
       expanded: true, 
       checked: false, 
       isSelected: false, 
       id: '1.1.3', 
      }] 
     }, { 

      text: 'Child Two', 
      checked: false, 
      isSelected: false, 
      id: '1.2', 
      children: [{ 
       text: "Grand Child Four", 
       expanded: true, 
       checked: false, 
       isSelected: false, 
       id: '1.2.1', 
      }] 
     }] 

    }] 
} 
}); 

Ext.create('Ext.tree.Panel', { 
title: 'Example Tree', 
width: 200, 
height: 450, 
store: store, 
rootVisible: false, 
multiSelect: true, 
scrollable: true, 
renderTo: Ext.getBody(), 

});