2017-05-19 3 views
0

Ich arbeite an einer Autocomplete-Funktion für ein Textfeld und muss auch zehn Ergebnisse auf einmal abrufen und mit einer Option, die mehr Hyperlink erhalten sagen. Derzeit holt es alle Ergebnisse.JQuery Autocomplete Textbox asp.net Limit Ergebnis

Mein Code ist bis jetzt unten beigefügt. Kannst du bitte Anleitung geben?

$(document).ready(function(){ 
      $('#<%=txtEmployeeName.ClientID%>').autocomplete({ 
       source: function (request, response) { 
        $("#loading").show(); 
        $.ajax({ 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         url: "AccountDisclosureSearch.aspx/SearchEmpByText", 
         data: "{ 'empName':'" + request.term + "'}", 
         dataType: "json", 
         success: function (data) { 
          response($.map(data.d, function (item) { 
           return { 
            label: item.split(";")[0], 
            val: item.split(";")[1] 
           // name: item.split("|")[0] 
           } 
          })) 
          $("#loading").hide(); 
         }, 

         error: function (response) { 
          alert(response.responseText); 
          $("#loading").hide(); 
         } 
        }); 
       }, 
       select: function (e, i) { 

       // $("#<%=hempid.ClientID %>").val(i.item.val); 
        storeEmployee(i.item.label, 0, i.item.val); 

       }, 

       open: function(){ 
       $('.ui-autocomplete').css('width', '220px'); 
       }, 
       minLength: 3 

      }); 
     }); 
+0

In Ihrem Backend-Abfrage können Sie Limit wie LIMIT eingestellt 0,10 – lalithkumar

+0

@stackoverflkowfan Haben Sie Zugriff auf die AccountDisclosureSearch.aspx wahrscheinlich ja, Sie können ein zusätzliches Element in der JSON-Antwort hinzufügen, so dass automatisch das erforderliche Element hinzugefügt würde. –

Antwort

0

können Sie maxResults oder maxShowItems wie unten verwenden:

$(document).ready(function(){ 
      $('#<%=txtEmployeeName.ClientID%>').autocomplete({ 
      maxResults:10, 
      or 
      maxShowItems:10, 
      or 
      maxHeight: 150, 
      source: function (request, response) { 
      //whatever you have 
      } 
      }); 
}); 

Weitere Informationen erhalten Sie Here

+0

Danke Lalit, aber ich brauche auch eine Unterverbindungsstelle unten, um die verbleibenden oder nächsten 10 zu zeigen ... bin mit dem – stackoverflkowfan

+0

kämpfen ist das notwendig für Sie, Hyperlink zu verwenden? andernfalls könnten Sie 'maxHeight' mit Bildlaufleiste verwenden – lalithkumar

+0

Ich kann die maxheight versuchen, aber der Hyperlink ist die Originalanforderung :) – stackoverflkowfan