4.2.0

zpk

by Sp3ctr

HTML

<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/resources/ext-theme-classic/ext-theme-classic-all.css" type="text/css">

JavaScript

var store = Ext.create('Ext.data.TreeStore', {
  root: {
    expanded: true,
    children: [{
        text: "ru.icl.activemq",
        expanded: true,
        children: []
      },
      {
        text: "ПСА СВОИ КЕШ-0.2.3.jar",
        leaf: true
      },
      {
        text: "ru.icl.osgi",
        expanded: true,
        children: [{
            text: "JournalBridge-0.1.1.kar",
            leaf: true
          },
          {
            text: "JournalBridge-0.1.0.kar",
            leaf: true
          }
        ]
      },
      {
        text: "Автостарт-1.2.3.kar",
        leaf: true
      },
      {
        text: "Журнальный мост-0.1.2.kar",
        leaf: true
      }
    ]
  }
});
function addGroup(){
	Ext.Msg.prompt('Запк', 'Введите имя группы', fuction(btn, name){
  	if (btn == 'ok' && name) tree.getRootNode().appendChild({text: name, expanded: true});
  })
};
var tree = Ext.create('Ext.tree.Panel', {
  title: 'test',
  useArrows: false,
  dockedItems: [
  	{xtype: 'toolbar', align: 'top', items: [
    	{text: 'Добавить группу', handler: addGroup}
    ]}
  ],
  viewConfig: {
    plugins: {
      ptype: 'treeviewdragdrop',
      containerScroll: true,
      sortOnDrop: false
    }
  },
  width: 500,
  height: 500,
  store: store,
  rootVisible: false,
  renderTo: Ext.getBody()
});