How can I make my webpage run JavaScript code when an ASP.net control is clicked?

Question

I have a web page that uses the ASP.net Tree View web control. As the web page is currently programmed, when the user clicks on a node on the tree view, the page posts back and a C# function executes to handle the event.

Can I make my web page run some Javascript code and not post back when a tree view node is clicked?

Update: Suppose my page looks like the one below. How can I make it so that clicking on node_A is handled by Javascript client-side instead of C# server-side?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication3.WebForm2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<body>
    <form id="form1" runat="server">
    <div>
    <asp:TreeView runat="server" ID="myTreeView">
    <Nodes>
        <asp:TreeNode Text="node_A" Value="1" />
        <asp:TreeNode Text="node_B" Value="2" />
        <asp:TreeNode Text="node_C" Value="3" />
    </Nodes>
    </asp:TreeView>
    </div>
    </form>
</body>
</html>

BrunoLM · Accepted Answer · 2010-10-12 19:43:41Z

2

Bind a click event on your elements, get the event object and call preventDefault().

element.onclick = function(e) {
    var evt = window.event || e;
    evt.preventDefault();

    /* Your code */
}

jQuery shortcut

$("element").click(function(e){ e.preventDefault(); });

answered Oct 12, 2010 at 19:43

BrunoLM

101k86 gold badges311 silver badges464 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Greg McNulty · Accepted Answer · 2010-10-12 22:41:32Z

0

Did you try:
EnableViewState="False"

or
can you remove the runat server ?

answered Oct 12, 2010 at 22:41

Greg McNulty

1,4665 gold badges28 silver badges50 bronze badges

1 Comment

Vivian River Over a year ago

No, you cannot remove the runat="server"

Collectives™ on Stack Overflow

How can I make my webpage run JavaScript code when an ASP.net control is clicked?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related