What's New?

[CLOSED] should remove for node in tree panel

  1. #1
    Mar 23, 2009, 11:22 AM

    [CLOSED] should remove for node in tree panel

    Hi,
    when i drag and drop the node from tree1 to tree2. The node gets removed from tree1 and added in the tree2 but here i dont want the node to get removed from the tree1.
  2. #2
    Mar 23, 2009, 2:54 PM

    RE: [CLOSED] should remove for node in tree panel

    Hi,

    Please see the following sample
    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Coolite Toolkit Example - Simple Array Grid</title>
    <style type="text/css">
        .tree {
            float:left;
            margin:20px;
        }
    </style>
    
    <script type="text/javascript">
        function clone(node) {
            var atts = node.attributes;
            atts.id = Ext.id();
            var clonedNode = new Ext.tree.TreeNode(Ext.apply({}, atts));
            clonedNode.text = node.text;

            for (var i = 0; i < node.childNodes.length; i++) {
                clonedNode.appendChild(clone(node.childNodes[i]));
            }
            return clonedNode;
        }
        
        
   </script>
</head>
<body>
    <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        
        <ext:TreePanel ID="TreePanel1" runat="server" EnableDD="true" Cls="tree" Width="250" Height="300">
            <Root>
                <ext:TreeNode Text="Root" Draggable="false">
                    <Nodes>
                        <ext:TreeNode Text="Node1"></ext:TreeNode>
                        <ext:TreeNode Text="Node2"></ext:TreeNode>
                        <ext:TreeNode Text="Node3"></ext:TreeNode>
                        <ext:TreeNode Text="Node4"></ext:TreeNode>
                        <ext:TreeNode Text="Node5"></ext:TreeNode>
                    </Nodes>
                </ext:TreeNode>
            </Root>
        </ext:TreePanel>
        
        <ext:TreePanel ID="TreePanel2" runat="server" EnableDD="true" Cls="tree" Width="250" Height="300">
            <Root>
                <ext:TreeNode Text="Root" Draggable="false">                    
                </ext:TreeNode>
            </Root>
            <Listeners>
                <BeforeNodeDrop Handler="dropEvent.dropNode = clone(dropEvent.dropNode);" />
            </Listeners>
        </ext:TreePanel>
       
    </form>
</body>
</html>
  3. #3
    Mar 24, 2009, 1:38 PM

    RE: [CLOSED] should remove for node in tree panel

    hi,
    if i drag a node from tree1 to tree2.the node was not deleted from tree1.its fine adding to tree2. but when i drag same node from tree1 to tree2 the node was added once again. In my case i dont want to add the same node to tree2. how to validate this.
  4. #4
    Mar 24, 2009, 5:19 PM

    RE: [CLOSED] should remove for node in tree panel

    Hi,

    See the following sample
    <%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Coolite Toolkit Example - Simple Array Grid</title>
    <style type="text/css">
        .tree {
            float:left;
            margin:20px;
        }
    </style>
    
    <script type="text/javascript">
        function clone(node, cloneId) {
            var atts = node.attributes;
            atts.id = cloneId ? Ext.id() : node.id;
            var clonedNode = new Ext.tree.TreeNode(Ext.apply({}, atts));
            clonedNode.text = node.text;

            for (var i = 0; i < node.childNodes.length; i++) {
                clonedNode.appendChild(clone(node.childNodes[i], cloneId));
            }
            return clonedNode;
        }
        
        
   </script>
</head>
<body>
    <form id="form1" runat="server">
        <ext:ScriptManager ID="ScriptManager1" runat="server" />
        
        <ext:TreePanel ID="TreePanel1" runat="server" EnableDD="true" Cls="tree" Width="250" Height="300">
            <Root>
                <ext:TreeNode Text="Root" Draggable="false">
                    <Nodes>
                        <ext:TreeNode Text="Node1"></ext:TreeNode>
                        <ext:TreeNode Text="Node2"></ext:TreeNode>
                        <ext:TreeNode Text="Node3"></ext:TreeNode>
                        <ext:TreeNode Text="Node4"></ext:TreeNode>
                        <ext:TreeNode Text="Node5"></ext:TreeNode>
                    </Nodes>
                </ext:TreeNode>
            </Root>
        </ext:TreePanel>
        
        <ext:TreePanel ID="TreePanel2" runat="server" EnableDD="true" Cls="tree" Width="250" Height="300">
            <Root>
                <ext:TreeNode Text="Root" Draggable="false">                    
                </ext:TreeNode>
            </Root>
            <Listeners>
                <BeforeNodeDrop Handler="if(!Ext.isEmpty(this.getNodeById(dropEvent.dropNode.id))){dropEvent.cancel = true; return false;} dropEvent.dropNode = clone(dropEvent.dropNode, false);" />
            </Listeners>
        </ext:TreePanel>
       
    </form>
</body>
</html>

Similar Threads

  1. How To Add tab In center Panel When we click tree Node in West Panel in View Port
    By Dinesh.T in forum 1.x Help
    Replies: 1
    Last Post: Oct 26, 2012, 8:52 AM
  2. add node to tree panel
    By a_elsayed2010 in forum 1.x Help
    Replies: 0
    Last Post: Oct 17, 2010, 2:35 PM
  3. [CLOSED] Tree Panel: Buttons on each node
    By gokcemutlu in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: May 25, 2009, 9:55 AM
  4. How to remove defualt icons and put new icons in tree node.
    By abhi_distance in forum 1.x Help
    Replies: 0
    Last Post: Apr 03, 2009, 5:47 AM
  5. Selected Node - tree panel
    By filipator in forum 1.x Help
    Replies: 3
    Last Post: Mar 25, 2009, 2:58 PM

Tags for this Thread

Posting Permissions