Setting Event Handlers via JavaScript | RadPushButton for ASP.NET AJAX Documentation
Edit this page

Setting Event Handlers via JavaScript

You can use the client-side API of the RadPushButton control to modify the event handlers it calls.

To handle the desired event, the user should use the respective add_(handlerFunction) to attach the desired handler (i.e. add_clicked for the clicked event), where the parameter handlerFunction should be of type function. To remove a handler that has been added previously, the respective remove_(handlerFunction) should be used.

Here follows examples showing how to add and remove handlers on the client:

Example 1: Adding named (non-anonymous) JavaScript click handler to RadPushButton.

<script type="text/javascript">
    function Click(button, args)
    {
        alert("Button was clicked");
    }
    function addHandler()
    {
        var button = $find("<%=RadPushButton1.ClientID %>");
        button.add_clicked(Click);
    }
</script>

Example 2: Adding anonymous JavaScript click handler to RadPushButton.

<script type="text/javascript">
    function Click(button, args, arg1)
    {
        alert("Button was clicked. arg1: " + arg1);
    }
    function addHandler()
    {
        var button = $find("<%=RadPushButton1.ClientID %>");
        button.add_clicked(function (button, args) { Click(button, args, "Value1") });
    }
</script>

Example 3: Removing JavaScript click handler of RadPushButton.

function removeEvents()
{
    var button = $find("<%= RadPushButton1.ClientID %>");
    button.remove_show(Click);
}

Public Properties

Name Description
.add_load() The name of the javascript function called when the control loads.
.remove_load() Removes a handler for the load event
.add_clicking() The name of the javascript function called when the RadPushButton control is clicked.
.remove_clicking() Removes a handler for the clicking event.
.add_clicked() The name of the javascript function called when the RadPushButton control is clicked.
.remove_clicked() Removes a handler for the clicked event.
.add_mouseOver() The name of the javascript function called when the mouse hovers over the control.
.remove_mouseOver() Removes a handler for the mouseOver event.
.add_mouseOut() The name of the javascript function when the mouse leaves the control.
.remove_mouseOut() Removes a handler for the mouseOut event.

See Also

Is this article helpful? No Yes
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy