我想防止ASP.NET GridView对输入按钮做出反应

时间:2020-03-06 14:54:41  来源:igfitidea点击:

我有一个ASP.NET页,上面带有gridview控件,并带有一个带有删除和选择命令的CommandButton列。

按下回车键会触发gridview中的第一个命令按钮,从而删除一行。我不希望这种情况发生。我可以更改gridview控件,使其不再对按Enter键做出反应吗?

屏幕上也有一个文本框和按钮。他们不需要对按下Enter做出响应,但是我们必须能够填写文本框。目前,我们弹出一个确认对话框,以防止意外删除,但我们需要比这更好的东西。

这是gridview的标记,因为我们可以看到它位于asp.net updatepanel内部(抱歉,我忘了提一下):(我省略了大多数列和格式)

<asp:UpdatePanel ID="upContent" runat="server" UpdateMode="Conditional">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnFilter" />
            <asp:AsyncPostBackTrigger ControlID="btnEdit" EventName="Click" />
        </Triggers>
        <ContentTemplate>
            <div id="CodeGrid" class="Grid">
                <asp:GridView   ID="dgCode" runat="server">
                    <Columns>
                        <asp:CommandField SelectImageUrl="~/Images/Select.GIF"
                                            ShowSelectButton="True"
                                            ButtonType="Image"
                                            CancelText=""
                                            EditText=""
                                            InsertText=""
                                            NewText=""
                                            UpdateText=""
                                            DeleteImageUrl="~/Images/Delete.GIF"
                                            ShowDeleteButton="True" />
                        <asp:BoundField DataField="Id"  HeaderText="ID" Visible="False" />
                    </Columns>
                </asp:GridView>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

解决方案

在Page_Load中,将焦点设置在文本框上。

有时我也会遇到类似这样的愚蠢问题……但是通常我只是实施一个快速hack,然后继续:)

myGridView.Attributes.Add("onkeydown", "if(event.keyCode==13)return false;");

这样的事情应该起作用。

这是一个很好的jQuery实现方法。此函数将自动将keydown事件处理程序添加到页面上的所有TextBox中。通过使用不同的选择器,我们可以将其控制到或者多或者少的粒度级别:

//jQuery document ready function – fires when document structure loads
$(document).ready(function() {

   //Find all input controls of type text and bind the given
   //function to them
   $(":text").keydown(function(e) {
      if (e.keyCode == 13) {
          return false;
       }
   });

});

这将使所有文本框都忽略Enter键,并具有自动应用于可能添加到页面(或者可能由ASP.Net生成)的任何新HTML或者ASP.Net控件的优点。

该解决方案阻止了整个页面上的回车键

禁用输入键

对于其他有同样问题的人(此代码不能阻止事件触发),这对我有用:

if (window.event.keyCode == 13) {    
    event.returnValue=false;     
    event.cancel = true;
}