Question

我有一个asp.net文本框，我想用作搜索框。

我没有计划使用按钮，只是允许用户在文本框中输入搜索关键字并按Enter键。

<div id="search-bar">
    <asp:TextBox ID="txtSearch" runat="server" ></asp:TextBox>
</div>

如何通过“输入按下”来调用方法，或者使用URL参数中的关键字回发页面，例如search.aspx?keywords=this&that？

Answer 1

如果要在codebehind AutoPostback中调用函数，请将OnTextChanged设置为true。如果文本框失去焦点（例如 Tab -key）或 Enter -Key被按下，就会发生这种情况。

Answer 2

还有其他方法可以使用表单对象DefaultButton属性或面板的DefaultButton属性设置默认按钮，但我发现它们在过去的各种浏览器中都不可靠，所以通常我依赖于javascript，如果你不希望按钮可见只需将visible属性设置为false即可。

此代码的唯一缺点是您必须使用页面指令关闭事件验证，但它应触发单击事件，并触发验证器以及所有这些。

以下是我们使用的代码示例。通常我会将寄存器函数放在实用程序类中，但对于此示例，它位于页面代码中。

<%@ Page Language="C#" EnableEventValidation="false" %>

<script runat="server">

    protected void cmdSubmit1_Click(object sender, EventArgs e)
    {
        litValue.Text = "Value 1 - You entered: " + txtValue1.Text;
    }
    protected void cmdSubmit2_Click(object sender, EventArgs e)
    {
        litValue.Text = "Value 2 - You entered: " + txtValue2.Text;
    }

    /// <summary>
    /// This function registers what button is clicked based on whatever control currently has focus
    /// so for example if the user password field has focus then you can cause the enter button to click
    /// if the enter key is pressed This works with ie and firefox as far as I know
    /// </summary>
    /// <param name="ControlWithFocus"></param>
    /// <param name="ControlToClick"></param>
    private void RegisterDefaultButton(System.Web.UI.Control ControlWithFocus, System.Web.UI.Control ControlToClick)
    {

        PostBackOptions p = new PostBackOptions(ControlToClick);
        p.PerformValidation = true;
        if (ControlToClick is Button)
        {
            p.ValidationGroup = ((Button)ControlToClick).ValidationGroup;
        }
        else if (ControlToClick is ImageButton)
        {
            p.ValidationGroup = ((ImageButton)ControlToClick).ValidationGroup;
        }
        else if (ControlToClick is LinkButton)
        {
            p.ValidationGroup = ((LinkButton)ControlToClick).ValidationGroup;
        }

        p.RequiresJavaScriptProtocol = false;

        AttributeCollection a = null;
        if (ControlWithFocus is HtmlControl)
        {
            a = ((System.Web.UI.HtmlControls.HtmlControl)ControlWithFocus).Attributes;
        }
        else if (ControlWithFocus is WebControl)
        {
            a = ((System.Web.UI.WebControls.WebControl)ControlWithFocus).Attributes;
        }

        if (a != null)
        {
            a["onKeyDown"] = string.Format("if (event.keyCode == 13) {{{0}}}"
                  , ControlToClick.Page.ClientScript.GetPostBackEventReference(p));
        }
    }


    protected void Page_Load(object sender, EventArgs e)
    {
        RegisterDefaultButton(txtValue1, cmdSubmit1);
        RegisterDefaultButton(txtValue2, cmdSubmit2);

    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
</head>
<body>
    <form id="form1" runat="server">
        Enter Value 1: <asp:TextBox ID="txtValue1" runat="server"></asp:TextBox>
        <br />
        Enter Value 2: <asp:TextBox ID="txtValue2" runat="server"></asp:TextBox>
        <br />
        <asp:Literal ID="litValue" runat="server"></asp:Literal>
        <asp:LinkButton ID="cmdSubmit1" runat="server" Visible="false" OnClick="cmdSubmit1_Click">Hidden Button 1</asp:LinkButton>
        <input id="cmdSubmit2" runat="server" visible="false" type="button" value="Hidden Button 2" onserverclick="cmdSubmit2_Click" />
    </form>
</body>
</html>

Answer 3

使用javascript提交表单是：

document.forms["myform"].submit();

但是asp通常会在点击按钮中放置一大堆javascript来处理viewstate等等，所以最好添加一个设置为表单默认值的按钮，然后将其隐藏起来CSS。

处理进入按下

3 个答案: