javascript - ASP.net javascript 在 asp 上起火 :ImageButton

Question

嘿，我想弄清楚为什么我在加载页面时收到此错误:

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

showNotifier 是一个 JavaScript 调用，我必须使用 jQuery 显示一条从浏览器屏幕顶部下拉的错误消息。我的母版页中加载了 javascript 代码，因此我知道它存在于任何页面上。

这是我的图像按钮代码:

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

任何帮助都会很棒!

附加代码

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

附加代码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代码是这样的:

<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>

Answer 1

元素的 onClick 属性(特别是在页面上的数百个元素上)实际上是一种旧的处理方式。特别是如果您关心较旧的浏览器(和 IE6-8)，它们会为每个元素创建“脚本” block (每个元素都是单独的)，这些元素基本上都调用相同的东西，并且是相同类型的元素。在旧版浏览器中，这些会极大地降低页面速度，我强烈建议不要使用它们。

最好简单地在所有这些项目上创建一个整体实时事件处理程序，如下所示:

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

这将创建一个等待所有这些项目的事件(具有 delIcon 类)。我想它也能解决你的问题。 ASP.NET 假设 showNotifier 是后端方法。