從asp文本框調用javascript函數

我已經看到一些關於這個問題的帖子，但我找不到解決我的問題。我有一個文本框，並通過autocomplextxtender我從數據庫中搜索記錄。這工作正常。從asp文本框調用javascript函數

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

現在我想在文本框中顯示一些加載GIF（http://loadinggif.com/images/image-selection/3.gif）當數據web服務搜索。爲此，我想要JavaScript函數來加載這個gif文本框中。當webservice顯示一些數據時，我想刪除這個gif。另外我想加載這個gif，如果用戶在文本框中放置至少2個數字。因爲autocompleteextender的MinimumPrefixLength屬性設置爲2.如果任何人都可以提供幫助，我會非常感激。

來源

2016-11-24 waqar ahmed somra

可以使用[BlockUI]（http://malsup.com/jquery/block/）爲元件也 – Webruster

我喜歡你的建議......但你可以在BloackUI中建議一個方法，當webservice返回搜索數據時它會被觸發。所以我可以取消阻止加載屏幕 –

我不能那麼具體，但可以給你一個場景如何在asp.net控件中使用 – Webruster

有AutoCompleteExtender像OnClientPopulating和OnClientCompleted的一些屬性...使用這些屬性來執行任何任務。在我的情況下，我想加載一個gif。我創建了一個css類和一個javascript函數來加載gif，同時使用AutoCompleteExtender的屬性。

onclienthiding="OnClientCompleted" onclientpopulated="OnClientCompleted"

Javascript函數：

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

CSS類別：

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

來源

2016-12-06 06:07:45

希望低於解決方案/邏輯幫助你。

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

讓我知道，如果有任何疑問，你有

感謝

編碼快樂

來源

2016-11-24 05:56:23

從asp文本框調用javascript函數

回答

相關問題