Friday, 22 August 2014

How to get Asp.Net TreeView Selected Node Text In Java Script/ Client End


 Add In C#
 if (!IsPostBack)
        {
 SqlTree.Attributes.Add("onclick", "return OnTreeClick(event)");
       }


In Default .aspx

<script type="text/javascript">
function OnTreeClick(evt)
 {      
   var src = window.event != window.undefined ? window.event.srcElement : evt.target;
   var nodeClick = src.tagName.toLowerCase() == "a";
     if (nodeClick)
      {
        //innerText works in IE but fails in Firefox (I'm sick of browser anomalies), so use innerHTML as well
        var nodeText = src.innerText || src.innerHTML;
      Alert(nodeText);
      }
    return false; //comment this if you want postback on node click
 }

    </script>



    <div style="border:1px solid; height:260px; width:260px; overflow:auto; padding:3px 3px 3px 3px;" >
                                                                        <asp:TreeView ID="SqlTree"
                                                                CssClass="example3" Style="text-align: left; vertical-align:top;"
                                                                          NodeWrap="true"   ShowLines="true"  ShowExpandCollapse="true" runat="server" Width="250px"  Height="250px"
                                                                >
                                                                        </asp:TreeView></div>        

No comments:

Post a Comment