ExtJS拖放中的动态复制

dynamic copy in ExtJS drag and drop

本文关键字：动态 复制 拖放 ExtJS      更新时间：2023-09-26

我有一个带有treeviewdragdrop插件的树面板。 在我的控制器中，我需要要求用户选择是只想删除节点还是复制它。 

Ext.define('App.view.admin.LevelTree', {
    extend: 'Ext.tree.Panel',
    xtype: 'leveltree',
    requires: ['Ext.tree.plugin.TreeViewDragDrop'],
    viewConfig: {
        preserveScrollOnRefresh: true,
        plugins: {
            ptype: 'treeviewdragdrop'
        }
    }

这是我的控制器代码：

me.getLevelTree().getView().on('drop', me.doChangeParent, me);

--

doChangeParent: function(node, data, overModel, dropPosition, eOpts) {...}

如何根据用户选择在我的树面板(在控制器中(中设置 copy： true 属性？

您可以使用插件并像这样查看配置：

    viewConfig: {
                plugins: {
                    ptype: 'treeviewdragdrop'
                },
                listeners: {
                    beforedrop: function(node, data, overModel, dropPosition, dropHandlers) {
                        dropHandlers.wait = true;
                        Ext.MessageBox.confirm('Copy or move', 'If you want to copy node, press Yes', function(btn) {
                            data.copy = (btn === 'yes');
                            dropHandlers.processDrop();
                        });
                    }
                }
            },

现场示例：https://fiddle.sencha.com/#fiddle/fea

相关文章：