Двойной щелчок на панели дерева должен добавить в панель сетки Extjs

Вы можете разместить прослушиватель для события itemdblclick на панели дерева, чтобы получить данные из необработанного свойства элемента, по которому дважды щелкнули. Затем, со ссылкой на базовое хранилище сетки, просто добавьте этот объект данных, используя метод хранилища loadRawData. Вот пример кода, основанный на образцах веб-сайта Sencha:

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [
            { text: "School Friends", expanded: true, children: [
                { text: "Mike", leaf: true, name: "Mike", email: "[email protected]", phone: "345-2222"},
                { text: "Laura", leaf: true, name: "Laura", email: "[email protected]", phone: "345-3333"}
            ] },
            { text: "Facebook Friend", expanded: true, children: [
                { text: "Steve", leaf: true, name: "Steve", email: "[email protected]", phone: "345-2222"},
                { text: "Lisa", leaf: true, name: "Lisa", email: "[email protected]", phone: "345-3333"}
            ] },
        ]
    }
});

Ext.create('Ext.tree.Panel', {
    title: 'All My Friends',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody(),
    listeners : {
            itemdblclick : function(tree, record, index){
                Ext.getStore('simpsonsStore').loadRawData([record.raw], true);
            }
    }
});

Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    data:{'items':[
        { 'name': 'Bart',  "email":"[email protected]",  "phone":"555-222-1234" },
        { 'name': 'Homer', "email":"[email protected]",  "phone":"555-222-1244"  },
        { 'name': 'Marge', "email":"[email protected]", "phone":"555-222-1254"  }
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'items'
        }
    }
});

Ext.create('Ext.grid.Panel', {
    title: 'Best Friends',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});