AjaxControlToolkit AutoCompleteExtender не отображает предложения

Я использую AutoCompleteExtender в asp.net для получения имени и обозначения на основе токена (empno). Он извлекается из базы данных, и я мог видеть его на вкладке сети Chrome Dev-tools. Но он не отображается как список предложений.

Инструмент разработчика и снимок формы

Моя попытка кода:

<div class="modal-body">                        
                     <div class="form-group">
                        <label for="pToken">Token</label>
                         <asp:TextBox ID="pToken" runat="server" CssClass="form-control" placeholder="Enter Token No" />                           
                         <ajaxcontrol:AutoCompleteExtender runat="server" 
                                    ID="acToken" TargetControlID="pToken" MinimumPrefixLength="3"
                                    EnableCaching="true" FirstRowSelected="false" 
                                    ServiceMethod="getPatients" ServicePath="CheckPatientDetails.aspx"
                                    CompletionSetCount="6" DelimiterCharacters="|"
                                    CompletionListItemCssClass="AutoCompleteExtender_CompletionListItem"
                                    CompletionListHighlightedItemCssClass="AutoCompleteExtender_HighlightedItem"
                                    CompletionListCssClass="AutoCompleteExtender_CompletionList">
                          </ajaxcontrol:AutoCompleteExtender>
                     </div>
                    <div class="form-group">
                        <label for="pName">Name</label>                            
                        <asp:TextBox ID="pName" runat="server" CssClass="form-control" placeholder="Enter patient name" required />
                    </div>
                    <div class="form-group">
                        <label for="pDesig">Designation</label>                            
                        <asp:TextBox ID="pDesig"  runat="server" CssClass="form-control" placeholder="Enter designation" />
                    </div>
                    <div class="form-group">
                        <label for="pType">Type</label>                            
                        <asp:DropDownList ID="pType" runat="server" CssClass="form-control" required>
                            <asp:ListItem Value="E" Selected="True">Employee</asp:ListItem>
                            <asp:ListItem Value="I">In Patient</asp:ListItem>
                            <asp:ListItem Value="O">Out Patient</asp:ListItem>                        
                            <asp:ListItem Value="X">Others</asp:ListItem>                                
                        </asp:DropDownList>                            
                    </div>

The backend code for the same is below :

[WebMethod]
    [System.Web.Script.Services.ScriptMethod()]
    public static List<Patient> getPatients(string prefixText, int count)
    {
        List<Patient> patientList = new List<Patient>();
        OracleConnection con = null;
        OracleDataReader odr = null;

        string query = "select nvl(emp.empid,'') token,DECODE(SHORTNAME,NULL,FIRSTNAME,SHORTNAME)  name,DESIGSHORT desigdesc" +
                        " from employee emp join designation desig  on (emp.desigcode = desig.desigcode and desig.isactive = 'Y') " +
                        " where empid like '%" + prefixText + "%' and emp.EMPSTATUS = 'A' order by empid";
        try
        {
            con = getHRMSConnection();
            con.Open();
            using (con)
            {
                using (OracleCommand cmd = new OracleCommand(query, con))
                {
                    odr = cmd.ExecuteReader();
                    Patient patient = null;
                    while (odr.Read())
                    {
                        patient = new Patient();
                        patient.setToken(Convert.ToString(odr["token"]));
                        patient.setName(Convert.ToString(odr["name"]));
                        patient.setDesignation(Convert.ToString(odr["desigdesc"]));
                        patientList.Add(patient);
                    }

                }
            }
        }
        catch (Exception ex)
        {

        }
        return patientList;
    }

person Devendra Singh    schedule 16.09.2018    source источник
comment
возьмите новую страницу и сначала попробуйте образец автоматического расширения для получения дополнительных знаний. Это даст вам представление о том, что происходит не так. Я предлагаю вам использовать эту ссылку для реализации c-sharpcorner .com/UploadFile/57a357/. Поскольку трудно сказать, что не так с вашим кодом. Надеюсь, это поможет вам   -  person hud    schedule 17.09.2018
comment
Я попробовал, как сказал ... и теперь он извлекает данные. Может быть, здесь отлично работает концепция datatable. Но все равно не убедил.   -  person Devendra Singh    schedule 19.09.2018


Ответы (2)


Есть много причин проблемы, с которой вы столкнулись. Начиная с базовой проверки правильности пути службы.

Во-вторых, вы объявили [webmethod] над вашей функцией, извлекающей данные.

person MaxST    schedule 16.09.2018
comment
Я обновил вопрос с помощью вызываемого внутреннего метода. При установке точки останова функция выполняется. Также поместили ответ от сервера в снимок. Таким образом, данные извлекаются, но не отображаются. - person Devendra Singh; 16.09.2018

Теперь задача выполнена, автозаполнение отображается правильно. Сообщение для тех, кто может обратиться к этому позже.

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

Теперь мое модальное тело

 <div class="modal-body">             
                     <div class="form-group">             

                    <asp:AutoCompleteExtender ServiceMethod="GetSearch" MinimumPrefixLength="2" CompletionInterval="10"  
                        EnableCaching="false" CompletionSetCount="10" TargetControlID="pToken" ID="AutoCompleteExtender2"  
                        runat="server" FirstRowSelected="false" CompletionListCssClass="autocomplete_completionListElement" CompletionListItemCssClass="autocomplete_listItem" 
                        CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem">  
                    </asp:AutoCompleteExtender>  
                    <label for="pToken">Token</label>                        
                    <asp:TextBox ID="pToken" runat="server"  CssClass="form-control" placeholder="Enter Token No"/>                

                     </div>
                    <div class="form-group">
                        <label for="pName">Name</label>                            
                        <asp:TextBox ID="pName" runat="server" CssClass="form-control" placeholder="Enter patient name" required />
                    </div>
                    <div class="form-group">
                        <label for="pDesig">Designation</label>                            
                        <asp:TextBox ID="pDesig"  runat="server" CssClass="form-control" placeholder="Enter designation" />
                    </div>
                    <div class="form-group">
                        <label for="pType">Type</label>                            
                        <asp:DropDownList ID="pType" runat="server" CssClass="form-control" required>
                            <asp:ListItem Value="E" Selected="True">Employee</asp:ListItem>
                            <asp:ListItem Value="I">In Patient</asp:ListItem>
                            <asp:ListItem Value="O">Out Patient</asp:ListItem>                        
                            <asp:ListItem Value="X">Others</asp:ListItem>                                
                        </asp:DropDownList>                            
                    </div>
                </div>

И код на стороне сервера:

[WebMethod]
    [System.Web.Script.Services.ScriptMethod()]
    public static List<string> GetSearch(string prefixText, int count)
    {

            OracleConnection con = null;
            OracleDataAdapter oda = null;
            DataTable dt;
            prefixText = prefixText.ToLower();
            DataTable Result = new DataTable();
            List<string> Output = new List<string>();

            string str = "select nvl(emp.empid,'') ||'('||DECODE(SHORTNAME,NULL,FIRSTNAME,SHORTNAME)||','|| DESIGSHORT ||')' employee" +
                           " from employee emp join designation desig  on (emp.desigcode = desig.desigcode and desig.isactive = 'Y') " +
                           " where lower(empid) like '%" + prefixText + "%' and emp.EMPSTATUS = 'A' order by empid";
            con = getHRMSConnection();
            using (con)
            {
            try
            {
                con.Open();
                oda = new OracleDataAdapter(str, con);

                dt = new DataTable();
                oda.Fill(dt);

                for (int i = 0; i < dt.Rows.Count; i++)
                {
                    Output.Add(dt.Rows[i][0].ToString());
                }

            }
            catch (Exception ex)
            {

            }
        }

        return Output;
    }
person Devendra Singh    schedule 23.09.2018