Adding Event Handler and CssClass To Elements Using ScriptManager

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

Back to Top