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: "группа1",
        //checked: true,
        allowDrag: false,
        expanded: false,
        children: []
      },{
        text: "группа2",
        expanded: true,
        allowDrag: false,
        children: [{
            text: "блабла.jar",
            index: 3,
            leaf: true
          },{
            text: "блабла-0.1.1.kar",
            index: 2,
            //checked: true,
            leaf: true
          },
          {
            text: "блабла-0.1.0.kar",
            index: 1,
            //checked: false,
            leaf: true
          }
        ]
      },
      {
        text: "блабла-1.2.3.kar",
        leaf: true
      },
      {
        text: "блабла-0.1.2.kar",
        leaf: true
      }
    ]
  }
});
function addGroup(){
	Ext.Msg.prompt('( . )( . )', 'Введите имя группы', function(btn, name){
  	if (btn == 'ok' && name) tree.getRootNode().appendChild({text: name, allowDrag: false, expanded: false});
  })
};
var tree = Ext.create('Ext.tree.Panel', {
  title: 'test',
  useArrows: true,
  dockedItems: [
  	{xtype: 'toolbar', align: 'top', items: [
    	{text: 'Добавить группу', handler: addGroup}
    ]}
  ],
  viewConfig: {
    plugins: {
      ptype: 'treeviewdragdrop',
      containerScroll: true,
      sortOnDrop: false
    }
  },
  width: 500,
  height: 400,
  store: store,
  rootVisible: false,
  renderTo: Ext.getBody()
});