Comment faire un Postback Textbox sur KeyUp?
j'ai une boîte de texte qui change le contenu d'un dropdown dans L'événement Altextchanged. Cet événement semble se déclencher lorsque la boîte de texte perd de sa concentration. Comment faire pour que cela se produise lors de l'événement keypress ou keyup?
voici un exemple de mon code
<asp:TextBox ID="Code" runat="server" AutoPostBack="true" OnTextChanged="Code_TextChanged">
<asp:UpdatePanel ID="Update" runat="server">
<ContentTemplate>
<asp:DropDownList runat="server" ID="DateList" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Code" />
</Triggers>
</asp:UpdatePanel>
ainsi dans le codebehind, je lie le dropdown sur le chargement de page. L'événement Code_TextChanged ne fait que relancer le dropdown. Je voudrais que cela se produise sur chaque touche plutôt que lorsque le textbox perd le focus.
j'ai hérité de ce code récemment et ce n'est pas la méthode idéale pour faire cela pour moi, mais des limites de temps m'empêchent de réécrire ceci dans une méthode de service web.
j'ai essayé d'utiliser jQuery pour lier l'événement" keyup "à l'événement" change " pour la textbox, mais cela ne fonctionne que sur la première touche pressée.
4 réponses
cela résoudra votre problème. La logique est la même que la solution suggérée par Kyle.
regardez ça.
<head runat="server">
<title></title>
<script type="text/javascript">
function RefreshUpdatePanel() {
__doPostBack('<%= Code.ClientID %>', '');
};
</script>
<asp:TextBox ID="Code" runat="server" onkeyup="RefreshUpdatePanel();" AutoPostBack="true" OnTextChanged="Code_TextChanged"></asp:TextBox>
<asp:UpdatePanel ID="Update" runat="server">
<ContentTemplate>
<asp:DropDownList runat="server" ID="DateList" />
<asp:TextBox runat="server" ID="CurrentTime" ></asp:TextBox>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Code" />
</Triggers>
</asp:UpdatePanel>
va comme ça...
protected void Code_TextChanged(object sender, EventArgs e)
{
//Adding current time (minutes and seconds) into dropdownlist
DateList.Items.Insert(0, new ListItem(DateTime.Now.ToString("mm:ss")));
//Setting current time (minutes and seconds) into textbox
CurrentTime.Text = DateTime.Now.ToString("mm:ss");
}
j'ai ajouté textbox supplémentaire pour voir le changement dans l'action, ne supprimer la textbox.
voici un moyen simple de le faire avec javascript, un panneau de mise à jour, gridview, sqldatasource et une boîte de textes. Lorsque vous tapez, il recherche la table et affiche les résultats. Court et doux, pas de code derrière.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test3.aspx.vb" Inherits="test3" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function runPostback() {
document.forms["form1"].submit();
document.getElementById("TextBox1").focus();
}
function getFocus(){
var text = document.getElementById("TextBox1");
if (text != null && text.value.length > 0) {
if (text.createTextRange) {
var FieldRange = text.createTextRange();
FieldRange.moveStart('character', text.value.length);
FieldRange.collapse();
FieldRange.select(); } }
}
function SetDelay() {
setTimeout("runPostback()", 200);
}
</script>
</head>
<body onload="getFocus()">
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="TextBox1" />
</Triggers>
<ContentTemplate>
<asp:TextBox ID="TextBox1" onkeyup="SetDelay();" runat="server"></asp:TextBox>
<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1">
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:purchasing2ConnectionString %>"
SelectCommand="SELECT [name] FROM [vendors] WHERE ([name] LIKE @name + '%')">
<SelectParameters>
<asp:ControlParameter ControlID="TextBox1" Name="name" PropertyName="Text" Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
j'utilise un truc javascript pour déclencher un événement Altextchanged, j'appelle une fonction flou et puis recentrer le texte d'entrée (ou, si vous avez beaucoup de texte d'entrée, changez le focus de deux texte d'entrée)
Je l'ai testé dans IE et Firefox.
code javascript:
function reFocus(id)
{
document.getElementById(id).blur();
document.getElementById(id).focus();
}
code aspx
<asp:TextBox ID="txtProdottoLike" runat="server"
ontextchanged="txtProdottoLike_TextChanged"
onKeyUp="reFocus(this.id);"
AutoPostBack="True">
</asp:TextBox>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="Update" runat="server">
<ContentTemplate>
<asp:GridView ID="GridProdotto" runat="server" AllowPaging="False"
AllowSorting="False" ForeColor="#333333" GridLines="None"
OnSelectedIndexChanging="GridProdotto_SelectedIndexChanging"
Visible="True" Width="100%" Height="100%" AutoGenerateColumns="False">
<RowStyle BackColor="WhiteSmoke" Font-Size="11px" />
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:BoundField DataField="Prodotto">
<ItemStyle Width="80px" HorizontalAlign="Left" />
<HeaderStyle HorizontalAlign="Left" />
</asp:BoundField>
<asp:BoundField DataField="Descrizione">
<ItemStyle HorizontalAlign="Left" />
<HeaderStyle HorizontalAlign="Left" />
</asp:BoundField>
<asp:CommandField SelectText="Seleziona" ShowSelectButton="True" ItemStyle-HorizontalAlign="Right"></asp:CommandField>
</Columns>
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="txtProdottoLike" />
</Triggers>
</asp:UpdatePanel>
la fonction c#" GridProdotto_SelectedIndexChanging " récupère les données de la base de données et construit la grille.