I have column tree panel + rowexpander plugin. I need add small treePanel in each expander row. My way:
Code:
var store = Ext.create('Ext.data.TreeStore', {
        model: 'Task',
        proxy: {
            type: 'ajax',
            url: '/crm/subs.html?project=' + projectid
        },
        folderSort: true,
        listeners: {
            load: function(){
                mypanel3 = Ext.create("Ext.Panel", {
                    title: 'mypanel3',
                    width: 100,
                    height: 100,
                    html: 'alsdfjasdf',
                    renderTo: 'mypanel3'
                })
            },
            scope: this
        }
    });
    
    var textPanel0 = Ext.create("Ext.tree.Panel", {
        title: 'Task manager',
        plugins: [{
            ptype: 'rowexpander',
            rowBodyTpl: ['<div id="mypanel{id}"></div>']
        }],
        collapsible: true,
        useArrows: true,
        rootVisible: false,
        store: store,
        multiSelect: true,
        singleExpand: false,
        columns: [{
            xtype: 'treecolumn',
            text: 'Column 1',
            dataIndex: 'text',
            width: 200
        }, {
            text: 'Column2',
            flex: 1,
            dataIndex: 'id',
        }, {
            text: 'Column3',
            flex: 1,
            dataIndex: 'some',
        }]
    });
This way I add panel in 1 row, but in looks like small square(((. Ext.tree.Panel did't show'n at all. How can i put tree panel in each row, witch will create rowexpander? (and load not the same data in it?)
P. S. Sorry for bad english