la manipulation enter appuyez sur dans <asp:textbox

J'ai un asp.net zone de texte que je veux l'utiliser comme une zone de recherche.

Je n'ai pas l'intention d'avoir un bouton, tout en permettant à l'utilisateur de taper les mots clés de recherche dans la zone de texte et appuyez sur entrée.

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

Comment puis-je obtenir le "appuyez sur enter" pour appeler une méthode, ou de publier la page avec des mots clés dans les paramètres d'URL, par exemple search.aspx?keywords=this&that?

OriginalL'auteur thegunner | 2010-11-17

  1. 6

    Ensemble AutoPostback à true si vous voulez appeler une fonction dans le code-behind OnTextChanged. Cela se produit si la zone de texte perd le focus(f.e. Tab-clés) ou Entrée-Touche est enfoncée.

    OriginalL'auteur Rango

  2. 1

    Il y a d'autres façons que vous pouvez définir un bouton par défaut à l'aide de l'objet de formulaire DefaultButton de la propriété ou de la DefaultButton propriété d'un groupe spécial, mais je les ai trouvés à être peu fiables dans le passé dans différents navigateurs donc j'ai appuyer sur le javascript, si vous ne voulez pas le bouton visible, il vous suffit de définir la propriété visible à false.

    Le seul inconvénient de ce code, vous devez éteindre l'événement de validation avec une directive de page, mais il devrait déclencher des événements de clic, et de déclencher des validateurs et tout ça.

    Voici un exemple du code que nous utilisons. Normalement, j'aurais mis le registre de la fonction dans une classe utilitaire, mais pour cet exemple, c'est dans le code de la page.

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

    OriginalL'auteur Chris Mullins

  3. 0

    soumettre un formulaire avec javascript est:

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

    mais l'asp met généralement tout un tas de javascript dans la cliquez sur les boutons à voir avec l'état d'affichage et des choses comme ça, alors vous pourriez être mieux de l'ajout d'un bouton qui est défini comme la valeur par défaut pour la forme, puis de les cacher avec les CSS.

    OriginalL'auteur Oliver