We take pride in your success. We let our positivity drive us, day in and out. Talk to us at Mindfire to know us more.

Software Technology Tips

The following code snippet demonstrates how you can add an event handler as well as a CSS class to an element using ScriptManager.

Sys.UI.DomEvent class provides API for attaching handlers to DOM element.
Sys.UI.DomElement class provides API and Properties for manupulating DOM elements.

Adding Event:-

   <asp:ScriptManager ID="smEventHandling" runat="server" />
   <asp:Button ID="btnAddEventType1" runat="server" Text="AddEventHandlerType1" />
   <asp:Button ID="btnAddEventType2" runat="server" Text="AddEventHandlerType2" />

Sys.UI.DomEvent.addHandler($get("btnAddEventType1"), "click", show);

       $addHandler($get("btnAddEventType2"), "click", show);

       function show() {
           alert("Button clicked");
           return false;
       }
   </script>

   For Clearing That Event From Button put

   $clearHandlers($get("btnAddEventType1"));
                  or
   Sys.UI.DomEvent.clearHandlers($get("btnAddEventType1")); in function show.

Adding CSS:-

       {
        background-color:Red;
       }
   </style>

<asp:Button runat="server" ID="btnAddCSS" Text="AddCSS" />

Sys.UI.DomElement.removeCssClass($get("btnAddCSS"), "addColor");

It will remove cssClass.

Related Tags:
ASP.NET

Author: Jnana Swain

ASP.NET

More Related Tips

Software Technology Tips

ASP.NET

Let us Connect!