ASP.NET 3.5 and above only

ASP.NET TreeView - Client-side Events

  • Libraries
    • Documents
      • My Documents
      • Public Documents
    • Music
      • My Music
      • Public Music
    • Pictures
      • My Pictures
      • Public Pictures
    • Videos
      • My Videos
      • Public Videos










   Event Log :
[ASPX]

<obout:Tree ID="ObClassicTree" EnableDragAndDrop="true" AllowNodeEdit="true" 
    OnBeforeNodeEdit="clientOnBeforeNodeEdit"
    OnNodeEdit="clientOnNodeEdit" 
    OnNodeCollapse="clientOnNodeCollapse" 
    OnNodeExpand="clientOnNodeExpand"
    OnNodeDragging="clientOnNodeDragging"
    OnNodeDragStart="clientOnNodeDragStart"
    OnNodeDrop="clientOnNodeDrop" 
    OnNodeMouseOut="clientOnNodeMouseOut" 
    OnNodeMouseOver="clientOnNodeMouseOver"
    OnNodeSelect="clientOnNodeSelect" 
    CssClass="vista" runat="server" Width="200px">
</obout:Tree>                 
            
[Javascript]

   function clientOnBeforeNodeEdit(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnBeforeNodeEdit.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnBeforeNodeEdit' event is fired on '" + sender.getNodeText(args.node) + "'");
            }
        }
        function clientOnNodeEdit(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeEdit.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnNodeEdit' : '" + args.text + "' is renamed as '" + args.newText + "'");
            }
        }
        function clientOnNodeCollapse(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeCollapse.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnNodeCollapse' event is fired on '" + sender.getNodeText(args.node) + "'");
            }
        }
        function clientOnNodeExpand(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeExpand.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnNodeExpand' event is fired on '" + sender.getNodeText(args.node) + "'");
            }
        }
        function clientOnNodeDragging(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeDragging.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnNodeDragging' event is fired on '" + sender.getNodeText(args.sourceNode) 
                + ". Mouse at (" + args._event.clientX + ',' + args._event.clientY + ")'");
            }
        }
        function clientOnNodeDragStart(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeDragStart.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnNodeDragStart' event is fired on '" + sender.getNodeText(args.sourceNode) + "'");

            }
        }
        function clientOnNodeDrop(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeDrop.ClientID %>');
            if (chk.checked) {
                if (sender.isNode(args.target)) {
                    addLogEntry("'OnNodeDrop' event is fired. Source Node : '" + sender.getNodeText(args.sourceNode) 
                    + "',  Target Node : '" + sender.getNodeText(args.target) + "'");
                }
            }
        }
        function clientOnNodeMouseOut(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeMouseOut.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnNodeMouseOut' event is fired on '" + sender.getNodeText(args.node) + "'");
            }
        }
        function clientOnNodeMouseOver(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeMouseOver.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnNodeMouseOver' event is fired on '" + sender.getNodeText(args.node) + "'");
            }
        }
        function clientOnNodeSelect(sender, args) {
            var chk = document.getElementById('<%=this.chk_OnNodeSelect.ClientID %>');
            if (chk.checked) {
                addLogEntry("'OnNodeSelect' event is fired on '" + sender.getNodeText(args.node) + "'");
            }
        }
        function addLogEntry(msg) {
            document.getElementById('eventLog').innerHTML += "<span>" + msg + "</span";
        }
        function clearLog() {
            document.getElementById('eventLog').innerHTML = "";
        }                
            

"I've scanned the Internet for ASP.NET controls and yours are *BY FAR* the most featured and attractive (not to mention they don't crash, unlike some others!). Building the site around your component suite gave us the competitive edge."

Shane Mitchell
University of Queensland (Australia)

Random testimonial   All testimonials