ASP.net javascript fire on asp:ImageButton

Question

Hey all i am trying to figure out why i am getting this error when my page loads:

 Compiler Error Message: BC30456: 'showNotifier' is not a member of 'ASP.pro_aspx'.

showNotifier is a javascript call that i have to display a error message that drops down from the top of the browser screen using jQuery. I have the javascript code loading up in my master page so i know its there on any page.

Here is my imagebutton code:

 <asp:ImageButton ID="btnDelete" CommandName="Delete" CommandArgument='<%#Eval("id") %>' Text="Delete" runat="server" CssClass="delIcon" AlternateText="Delete" ToolTip="Delete" ImageUrl="~/del.png" />

Any help would be great!

Additional code

Protected Sub grdView_RowCommand(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) Handles grdView.RowCommand
    Dim cid As String = e.CommandArgument.ToString
    Dim command As String = e.CommandName.ToString

    If cid.Length <= 0 Then Exit Sub

    Select Case command
        Case "Delete"
            Delete(cid)
    End Select
End Sub

Additional code 2

Private Sub grdView_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles grdView.RowDataBound
    If (e.Row.RowType = DataControlRowType.DataRow) Then
        Dim l As ImageButton = CType(e.Row.FindControl("btnDelete"), ImageButton)

        l.Attributes("OnClientClick") = "if(msgBoxShow('Are you sure you want to delete " & DataBinder.Eval(e.Row.DataItem, "Name") & "?','" & DataBinder.Eval(e.Row.DataItem, "Name") & "','')==false){return false;}"
    End If
End Sub

Javascript code is this:

<script type="text/javascript">
    function msgBoxShow(boxsaying, prodItemName, codeBehind) {
    apprise(boxsaying, {
        'verify': true,
        'textYes': 'Delete ' + prodItemName,
        'textNo': 'Cancel delete'
    },
                function (r) {
                    if (r) {
                        //alert('yes');
                        return true;
                    } else {
                        //alert('no');
                        return false;
                    }
                }
           );
}
</script>

Still having problems with this. Any help would be great!

StealthRT
– StealthRT

2012-08-16 17:40:13 +00:00
Commented Aug 16, 2012 at 17:40 — StealthRT
– StealthRT, Commented Aug 16, 2012 at 17:40

Mark Pieszak - Trilon.io · Accepted Answer · 2012-08-13 13:34:57Z

2

onClick attributes to elements (especially if being on hundreds of elements on a page) are actually an old way of doing things. Especially if you care about older browsers (and IE6-8), these create "script" blocks (each one individually) for each one of the elements that all basically call the same thing, and are the same type of element. These slow down the page tremendously in older browsers, I highly advise never using them.

It is much better to simply create an overall live event handler on all of these items like so:

$(document).on('click', '.delIcon', function () {
    showNotifier(3000,'#cf5050','Delete this?');
});

This will create one event waiting for all of these items (with the class of delIcon). I'm assuming it would solve your problem as well. ASP.NET is assuming that showNotifier is a back-end method.

answered Aug 13, 2012 at 13:34

Mark Pieszak - Trilon.io

68.3k15 gold badges84 silver badges96 bronze badges

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

3 Comments

StealthRT Over a year ago

How would i call the javascript and if its yes then call the code behind which would be Protected Sub grdView_RowCommand(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) Handles grdView.RowCommand?

StealthRT Over a year ago

I've added the code above for the click even in the code-behind.

Mark Pieszak - Trilon.io Over a year ago

Well you'd either have to make that method an AJAX method or call it with __doPostBack('grdView_RowCommand', 'Arguments Here'); asimsajjad.blogspot.com/2009/04/…, can google about __doPostBack, plenty of info on it!

freefaller · Accepted Answer · 2012-08-13 14:11:40Z

2

OnClick in an <asp:ImageButton> is used to identify the function in the code-behind that will run when you click and the page is posted-back to the server (this is the same as for a normal <asp:Button>)

What you mean is OnClientClick which will run javascript on the client

Update due to comment from OP

In order to only return if your local javascript function returns false would be to do the following...

OnClientClick="if(myFn()==false){return false;}"

What this means is that when the function returns false it will cancel the clicking of the button, meaning the form will not be posted (this will also result in any client side validation not being run, should there be any).

If the function returns true then it will carry on through and do the post-back to your server.

In regards to calling the correct function on the server, I would create a function specifically for the image button, such as...

Protected Sub imgBtn_Click(ByVal sender As Object, ByVal e As EventArgs)
   ...
End Sub

Then you want to have OnClick="imgBtn_Click"

edited Aug 13, 2012 at 14:11

answered Aug 13, 2012 at 13:34

freefaller

20.1k7 gold badges62 silver badges96 bronze badges

17 Comments

StealthRT Over a year ago

How would i call the javascript and if its yes then call the code behind which would be Protected Sub grdView_RowCommand(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) Handles grdView.RowCommand?

StealthRT Over a year ago

I've added the code above for the click even in the code-behind.

freefaller Over a year ago

Apologies @Stealth, I've been away from my computer. I will update my answer to show you how I'd do it

StealthRT Over a year ago

Thanks for the reply. I have updated my OP as it has a loop that it populates the asp button. The current code works and displays the alert as a test but it goes right to the Delete part of the grdView_RowCommand after clicking on the OK button in the alert. How do i prevent it to do so if its "false"?

freefaller Over a year ago

@Stealth, did you read my answer? In particular the part about how to stop the post-back if the function returns false?

|

mclark1129 · Accepted Answer · 2012-08-13 13:34:27Z

1

In your ImageButton, OnClick is meant to reference an event handler in your code-behind, not client-side script. You should be using OnClientClick instead.

answered Aug 13, 2012 at 13:34

mclark1129

7,6126 gold badges51 silver badges86 bronze badges

Collectives™ on Stack Overflow

ASP.net javascript fire on asp:ImageButton

3 Answers 3

3 Comments

17 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

17 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related