Question

I’m trying to implement the following:

I have 2 tree panels with enabled drag and drop. I can drag some items from the first tree to the second. The first tree is a catalog of components, the second is a product constructor. In some cases when I drop a node to the constructor, I need to append child to the dropped node. So actually when I drop I need to add 2 nodes at the same time: the node that was dropped and the second one I’m adding in code.

I decided to add that extra node in a drop event handler, but the problem is that I don’t understand how find the latest dropped node.

Any ideas?

Answer 1

I managed to implement what I needed using a combination of two events itemadd and drop

Here is a sample, hope it will be helpful for somebody:

    onComponentAdd: function (records) {
        var record = records[0];
        this.lastAddedRecord = record;
    },

    onComponentDrop: function (element, data, dropNode) {
        var record = this.lastAddedRecord;

        var data = record.get('Data');
        if (!Ext.isEmpty(data)) {
            var scheme = data.scheme;
            Ext.each(scheme, function (item) {
                if (item.type == 'componentlist') {
                    record.appendChild({
                        text: item.name,
                        loaded: true,
                        expanded: true,
                        allowDrop: true
                    });
                }
            });
        }
    }