Объединить столбцы в Ext.tree.Panel и\или как пользоваться Ext.tree.View
 

Сразу прога:

Ext.onReady(function(){
//модель
Ext.define('Task',
	{
	extend: 'Ext.data.Model',
	fields: [
		{name: 'task',     type: 'string'},
		{name: 'user',     type: 'string'},
		{name: 'duration', type: 'string'}]
	});
//стора
var store = Ext.create('Ext.data.TreeStore',
	{
	model: 'Task',
	autoLoad: true,
	proxy:
		{
		type: 'ajax',
		url: 'treedata.php',
		expanded: true
		},
	folderSort: true
	});
//древовидная панель
Ext.create('Ext.tree.Panel',
	{
	title: 'example',
	width: 600,
	height: 400,
	renderTo: Ext.getBody(),
    //itemSelector: 'div.thumb-wrap',
	rootVisible: false,
	store: store,
	//tpl: Ext.create('Ext.XTemplate', tpl)
	
	columns: [
		{
		xtype: 'treecolumn',
		text: '№',
		width: 100,
		sortable: true,
		dataIndex: 'task',
		renderer: function(value, metaData, record, rowIndex, colIndex, store, view)
			{
			return value;
			}
		},
		{
		text: 'Поле 2',
		flex: 1
		},
		{
		text: 'Поле 3',
		width: 300
		}]
	});
});

Вот скрин:


Задача в следующем. есть каталоги и файлы в панеле. Когда идет каталог, то записть есть только в первом столбце, остальные пустные. но первый столбец !!обязательно!! узкий, поэтому запись не вмещается. их либо объединять надо при рендере, но у меня это не вышло либо искать другой выход.. Когда идет файл, то будет заполнено все три поля, в первом будет идти номер по порядку..

Либо надо Ext.tree.View использовать.. но у меня не получилось.. буду рад любым предложениям..
И если можно на примере рассказать как работает tree.view