Как сделать текстовое поле Postback на KeyUp?

У меня есть текстовое поле, которое изменяет содержимое выпадающего списка в событии OnTextChanged. Это событие, похоже, срабатывает, когда текстовое поле теряет фокус. Как это сделать при событии keypress или keyup?Как сделать текстовое поле Postback на KeyUp?

Вот пример моего кода

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

Так в коде, я связываю ниспадающее меню на странице загрузки. Событие Code_TextChanged просто восстанавливает раскрывающийся список. Я бы хотел, чтобы это произошло при каждом нажатии клавиши, а не когда текстовое поле теряет фокус.

Я унаследовал этот код недавно, и это не идеальный метод для этого, но ограничения времени не позволяют мне переписывать это в методе веб-сервисов.

Я попытался использовать jQuery для привязки события «keyup», чтобы соответствовать событию «change» для текстового поля, но это работает только при нажатии первой клавиши.

источник

2009-11-18 Russ Bradberry

Это позволит решить вашу проблему. Логика такая же, как решение, предложенное Кайлом.

Посмотрите на это.

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

код позади идет как это ...

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"); 
    }

Я добавил дополнительное текстовое поле, чтобы увидеть изменения в действии, не удалить текстовое поле.

источник

2009-11-20 06:00:58 CoderHawk

То же самое происходит с этим.Когда обновленная панель обновляется, текстовое поле теряет фокус. –

Просто удалите AutoPostBack = «true» с этим решением, и оно должно работать. –

Комментарий Rick's корректно, удалите AutoPostBack, и он будет работать гладко –

Вам это поможет?

How to make an ASP.NET TextBox fire it's onTextChanged event fire in an AJAX UpdatePanel?

источник

2009-11-18 19:05:23

Я пробовал это, но он работает только на нажатой первой клавише. после этого текстовое поле теряет фокус, и каждое последующее нажатие клавиши не запускает событие. Как вы можете видеть, вопреки рекомендуемому сообщению, текстовое поле не находится внутри моей панели обновления, но оно все еще теряет фокус. –

Вот простой способ сделать это с помощью javascript, панели обновления, gridview, sqldatasource и текстового поля. По мере ввода он ищет таблицу и отображает результаты. Короткий и сладкий, без кода.

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

источник

2011-08-04 19:47:59

Я использую JavaScript трюк для запуска на OnTextChanged событие, я вызвать функцию размытия и чем переориентировать ввода текста (или, если у вас есть много ввода текста, переключатель фокусировки от двух входных текстов)

Я тестировал его в IE и Firefox.

Javascript код:

function reFocus(id) 
    { 
     document.getElementById(id).blur(); 
     document.getElementById(id).focus(); 
    }

код 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>

C# функция "GridProdotto_SelectedIndexChanging" retrive данные из базы данных и построения сетки.

источник

2013-10-01 08:31:22 Albicocco

Как сделать текстовое поле Postback на KeyUp?

ответ

Смежные вопросы