Rufen Sie Javascript-Funktion von asp Textbox

Question

Ich habe einige Post zu dieser Frage, aber ich kann keine Lösung für mein Problem finden. Ich habe ein Textfeld und durch Autocompleteextender suche ich Datensätze aus der Datenbank. das funktioniert gut.

<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" CombineScripts="false"> 
      </ajaxToolkit:ToolkitScriptManager> 
      <asp:TextBox ID="txtAccNo" runat="server" Width="125px" ToolTip="Account Number"> 
      </asp:TextBox> 
      <asp:AutoCompleteExtender ID="AutoCompleteExtender2" runat="server" 
       TargetControlID="txtAccNo" MinimumPrefixLength="2" EnableCaching="true" CompletionSetCount="10" 
       CompletionInterval="1000" CompletionListCssClass="autoExtender" CompletionListItemCssClass="autoExtenderList" 
       ServiceMethod="getAccountNumbers" ServicePath="WebServiceGetAccounts.asmx"> 
      </asp:AutoCompleteExtender> 

Jetzt möchte ich einige Laden gif zeigen (http://loadinggif.com/images/image-selection/3.gif) in Textbox, wenn webservice sucht nach Daten. Dafür möchte ich JavaScript-Funktion, um dieses gif in Textbox zu laden. und wenn Webservice einige Daten zeigt, möchte ich dieses gif entfernen. Außerdem möchte ich dieses gif laden, wenn der Benutzer mindestens 2 Zahlen in ein Textfeld schreibt. als MinimumPrefixLength-Eigenschaft von AutoCompleteextender wird auf 2 festgelegt. Wenn jeder helfen kann? Ich werde sehr dankbar sein.

Answer 1

gibt es einige Eigenschaften von AutoCompleteExtender wie OnClientPopulating und OnClientCompleted haben ... verwenden, um diese Eigenschaften jede Aufgabe auszuführen . in meinem Fall wollte ich ein gif laden. Ich habe eine CSS-Klasse und eine Javascript-Funktion erstellt, um GIF zu laden, während ich die Eigenschaften von AutoCompleteExtender nutze.

onclienthiding="OnClientCompleted" onclientpopulated="OnClientCompleted" 

JavaScript Funktion:

function OnClientPopulating(sender, e) { 
sender._element.className = "loading"; 
} 
function OnClientCompleted(sender, e) { 
sender._element.className = ""; 
} 

CSS-Klasse:

.loading 
{ 
background-image: url(img/loading.gif); 
background-position: right; 
background-repeat: no-repeat; 
} 

Answer 2

Hoffnung unter Lösung/Logik helfen Ihnen.

<asp:TextBox ID="txtAccNo" runat="server" Width="125px" onchange="return inputText_Changed();" ToolTip="Account Number"> </asp:TextBox> 

    <script type="text/javascript"> 
     function inputText_Changed() { 
      var accountNo = document.getElementById('<%= txtAccNo.ClientID %>').value.trim(); 
      //check minimum input characters MinimumPrefixLength 
      if (accountNo.length >= 2) { 
       // remove/hide your gif image 
       return true; 
      } 
      else { 
       // Add/show your gif image 
       return false; 
      } 
     } 
    </script> ` 

Lassen Sie mich wissen, wenn eine Abfrage, die Sie

Dank

Glücklich Coding