如何防止删除、编辑和拖动树中的记录.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();
}
},