adp-gmt
20 Sep 2012, 8:21 AM
Hello,
I'm using EXTJS 4.1.1
In the following example,I'm able to drag&&drop a node from tree1 to tree2 but how to prevent the node to disappear from the tree1 ?
Ext.require(['*']);
Ext.onReady(function(){
var store = Ext.create('Ext.data.TreeStore', {
root: {
text: 'Tree1',
id: 'src',
expanded: true,
children: [
{ text: "store1-node-1", leaf: true },
{ text: "store1-node-2", expanded: true, children: [
{ text: "store1-node-2-1", leaf: true }
] }
]
},
});
var tree = Ext.create('Ext.tree.Panel', {
id: 'tree1',
store: store,
width: 250,
height: 300,
viewConfig: {
plugins: {
ptype: 'treeviewdragdrop',
enableDrop : false,
allowContainerDrops : false
}
},
renderTo: document.body
});
var store2 = Ext.create('Ext.data.TreeStore', {
root: {
text: 'Tree2',
id: 'src',
expanded: true,
children: [
{ text: "store2-node-1", leaf: true },
{ text: "store2-node-2", expanded: true, children: [
{ text: "store2-node-2-1", leaf: true }
] }
]
},
});
var tree2 = Ext.create('Ext.tree.Panel', {
id: 'tree2',
width: 250,
height: 300,
store: store2,
viewConfig: {
plugins: {
ptype: 'treeviewdragdrop'
}
},
renderTo: document.body
});
});
I'm using EXTJS 4.1.1
In the following example,I'm able to drag&&drop a node from tree1 to tree2 but how to prevent the node to disappear from the tree1 ?
Ext.require(['*']);
Ext.onReady(function(){
var store = Ext.create('Ext.data.TreeStore', {
root: {
text: 'Tree1',
id: 'src',
expanded: true,
children: [
{ text: "store1-node-1", leaf: true },
{ text: "store1-node-2", expanded: true, children: [
{ text: "store1-node-2-1", leaf: true }
] }
]
},
});
var tree = Ext.create('Ext.tree.Panel', {
id: 'tree1',
store: store,
width: 250,
height: 300,
viewConfig: {
plugins: {
ptype: 'treeviewdragdrop',
enableDrop : false,
allowContainerDrops : false
}
},
renderTo: document.body
});
var store2 = Ext.create('Ext.data.TreeStore', {
root: {
text: 'Tree2',
id: 'src',
expanded: true,
children: [
{ text: "store2-node-1", leaf: true },
{ text: "store2-node-2", expanded: true, children: [
{ text: "store2-node-2-1", leaf: true }
] }
]
},
});
var tree2 = Ext.create('Ext.tree.Panel', {
id: 'tree2',
width: 250,
height: 300,
store: store2,
viewConfig: {
plugins: {
ptype: 'treeviewdragdrop'
}
},
renderTo: document.body
});
});