Loading
jquery autocomplete with .ashx not working with masterpage  
  •   
  •   
  • "MainContent" runat="server">  
  •   
  •   
  •       
  •             class="container-fluid">  
  •                 class="row h-100 justify-content-center align-items-center">  
  •                     

    © <%: DateTime.Now.Year %> - Southern Area Well Completion Operation Department

      
  •                   
  •               
  •   
  •     "Scripts/errorValidation.js">  
  •     "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js">  
  •     "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js">    
  •   
  •   
    • .ashx and jquery are:
     
    1. (function ($) {  
    2.     $(document).ready(function () {  
    3.         $('#IssuerBN').autocomplete({  
    4.             source: 'IssuerHandler.ashx'  
    5.         });  
    6.     });  
    7.     })(jQuery);  
    8.   
    9.   
    10. using System;  
    11. using System.Collections.Generic;  
    12. using System.Configuration;  
    13. using System.Data;  
    14. using System.Data.SqlClient;  
    15. using System.Web;  
    16. using System.Web.Script.Serialization;  
    17.   
    18. namespace WAPReview  
    19. {  
    20.     ///   
    21.     /// Summary description for IssuerHandler  
    22.     ///   
    23.     public class IssuerHandler : IHttpHandler  
    24.     {  
    25.         public void ProcessRequest(HttpContext context)  
    26.         {  
    27.             string term = context.Request["term"] ?? "";  
    28.             List<string> txtIssuerBN = new List<string>();  
    29.             string connString = ConfigurationManager.ConnectionStrings["ConnString"].ConnectionString;  
    30.             //string connString = Properties.Settings.Default.ConnectionString.ToString();  
    31.             using (SqlConnection conn = new SqlConnection(connString))  
    32.             {  
    33.                 SqlCommand cmd = new SqlCommand("selectIssuerBN", conn);  
    34.                 cmd.CommandType = CommandType.StoredProcedure;  
    35.                 cmd.Parameters.AddWithValue("@IssuerBN", term);  
    36.                 conn.Open();  
    37.                 SqlDataReader dr = cmd.ExecuteReader();  
    38.                 while (dr.Read())  
    39.                 {  
    40.                     txtIssuerBN.Add(dr["IssuerBN"].ToString());  
    41.                 }  
    42.             }  
    43.             JavaScriptSerializer js = new JavaScriptSerializer();  
    44.             context.Response.Write(js.Serialize(txtIssuerBN));  
    45.         }  
    46.         public bool IsReusable  
    47.         {  
    48.             get  
    49.             {  
    50.                 return false;  
    51.             }  
    52.         }  
    53.     }  
    54. }  
    and webpage:
     
    1. <%@ Page Language="C#" MasterPageFile="~/WAPReview.Master" AutoEventWireup="true" CodeBehind="ReviewWAP.aspx.cs" Inherits="WAPReview.ReviewWAP" %>  
    2.   
    3. "Content1" ContentPlaceHolderID="Head" runat="server">  
    4.           
    5.         "/Scripts/SearchIssuerBN.js" type="text/javascript">  
    6.         "/Scripts/SearchReceiverCN.js" type="text/javascript">  
    7.         "/Scripts/errorValidation.js" type="text/javascript">  
    8.               
    9.   
    10. "Content4" ContentPlaceHolderID="MainContent" runat="server">  
    11. "server" EnablePartialRendering="true">  
    12. class="container">  
    13.   
    14. ....................................  
    15.   
    16. "UpdatePanel1" runat="server" UpdateMode="Conditional">  
    17.               
    18.             "Issuer2" class="row no-gutters">  
    19.                 class="col">  
    20.                     class="row no-gutters">  
    21.                         class="col-12">  
    22.                             class="form-control badge-success" ID="Label50" runat="server" Text="Task Issuer" />  
    23.                         
      
  •                     
    •   
  •                     class="row no-gutters">  
  •                         class="col-4">  
  •                             class="form-control badge-primary" ID="Label52" runat="server" Text="Issuer BN" />  
  •                             class="form-control" ID="IssuerBN" runat="server" AutoPostBack="True" OnTextChanged="GetIssuerName" />  
  •                             "val13" runat="server" style="display:none" ControlToValidate="IssuerBN" />  
  •                           
  •                         class="col-8">  
  •                             class="form-control badge-primary" ID="Label53" runat="server" Text="Issuer Name" />  
  •                             class="form-control" ID="IssuerName" runat="server" ReadOnly="true" />  
  •                             "val14" runat="server" style="display:none" ControlToValidate="IssuerName" />  
  •                           
  •                       
  •                   
  •                 class="col">  
  •                     class="row no-gutters">  
  •                         class="col-12">  
  •                             class="form-control badge-success" ID="Label51" runat="server" Text="Task Receiver" />  
  •                           
  •                       
  •                     class="row no-gutters">  
  •                         class="col-4">  
  •                             class="form-control badge-primary" ID="Label54" runat="server" Text="Receiver CN" />  
  •                             class="form-control" ID="ReceiverCN" runat="server" AutoPostBack="True" OnTextChanged="GetReceiverName" />  
  •                             "val15" runat="server" style="display:none" ControlToValidate="ReceiverCN" />  
  •                           
  •                         class="col-8">  
  •                             class="form-control badge-primary" ID="Label55" runat="server" Text="Receiver Name" />  
  •                             class="form-control" ID="ReceiverName" runat="server" ReadOnly="true" />  
  •                         "val16" runat="server" style="display:none" ControlToValidate="ReceiverName" />  
  •                           
  •                       
  •                   
  •               
  •           
  •       
    • This time I was not able to find a solution since morning 

    3 Replies

    Know the answer? Post it — somebody with the same question will find it here.

    • Jignesh Kumar

      Jignesh KumarPosted Apr 25, 2020, 1:16 AM

      Accepted answer
      Hi,
       
      Please use this link which will help you,
      https://www.aspforums.net/Threads/137247/jQuery-UI-AutoComplete-using-Generic-Handler-in-ASPNet-Master-Page/ 
      +1
    • Marius Vasile

      Marius VasilePosted Apr 25, 2020, 1:58 AM

      It works with Jignesh solution, thank you, but I can't use the script in external file, it has to be within each page. Anyway, it is acceptable, more learning is required
      1.   
      +1

    • Jose HernandezPosted Apr 25, 2020, 1:15 AM

      Try moving your autocomplete textbox outside the updatepanel.
      0