Как предотвратить удаление, редактирование и перетаскивание записей в дереве.Extjs

Question

В Ext.tree.Panel редактирование записей осуществляется с помощью плагина редактирования строк.Как предотвратить удаление или редактирование самой верхней корневой записи?

А как запретить перетаскивание верхних записей, кроме дочерних узлов?

Перетаскивание выполняется с помощью плагина treeviewdragdrop.Ниже приведен код плагина.

...
plugins: [{
        ptype: 'rowediting',
        clicksToMoveEditor: 1,
        autoCancel: false,
        listeners: {
            afteredit : function (editor, context, eOpts ){
                context.store.reload();

            },
            canceledit : function ( editor, context, eOpts ){
                context.store.reload();

            }
        }
    }],
    viewConfig: {
        plugins: [{
            ptype: 'treeviewdragdrop',
            containerScroll: true
        }]
    }, 
...

Пример в fiddle , в файле app / view / QuestionTree.js

Answer 1

Просто чтобы добавить в решение, чтобы предотвратить перетаскивание на верхние записи, вы также можете использовать:

       listeners: {
            viewready: function (tree) {
                var view = tree.getView(),
                    dd = view.findPlugin('treeviewdragdrop');

                dd.dragZone.onBeforeDrag = function (data, e) {
                    var rec = view.getRecord(e.getTarget(view.itemSelector));
                    return rec.isLeaf();
                };
            }
        }

Answer 2

Для предотвращения редактирования вы можете использовать событие beforeedit, где вы можете вернуть false и отменить операцию.Таким же образом вы можете использовать beforedrop для предотвращения падения.Вот FIDDLE (в QuestionTree.js)

beforeedit: function (editor, context) {
    return !context.record.isRoot();
}

listeners: {
    beforedrop: function (node, data, overModel, dropPosition) {
        return data.records[0].isLeaf();
    }
},