jqueryui autocomplete-filter-Ergebnisse (von remote-Datenquelle ) , "beginnen mit" input

Vom jQuery UI Autocomplete: Suche vom Anfang des String die Sie ausprobieren können:

$("#YOUR_TEXT_INPUT").autocomplete({
    source: function(req, response) { 
       $.ajax({
        url: "/controller/myfunction",
        dataType: "json",
        success: function( data ) {
            var re = $.ui.autocomplete.escapeRegex(req.term);
            var matcher = new RegExp( "^" + re, "i" );
            response($.grep(data, function(item){return matcher.test(item.value);}) );
            }
        });
     },
      minLength: 2,
      select: function(event, ui) {
          //custom select function if needed
       }
    });

InformationsquelleAutor jk.

Optimal, es sollte der controller liefert, dass die gefilterten Daten in JSON. Ich schlage vor, Sie besser versuchen, filtern der Daten in den controller statt in den Blick. Wenn Ihre Anwendung MVC-orientiert, sollten Sie halten alle Abfragen und filtern innerhalb des Modells verwendet, die innerhalb der controller-Aktion, die Sie angeben. Ich glaube, dass die Verwendung von AJAX (Asynchronous Javascript and XML) verwendet werden soll, pass auf, wie viel Last auf dem server wie möglich. so, dein code anzeigen wäre eher einfache

var wordlist= [ "über", "oberhalb", "innerhalb", "ohne"];

$("#input1").autocomplete({
    source: 'url-to-controller/myAction', //Notice I'm using a string
    minLength: 2
});

Autocomplete|jQuery-Ui - Quelle besagt, dass:

... Wenn ein string verwendet wird, wird die AutoVervollständigen-plugin erwartet die Zeichenfolge, um zu
zeigen Sie auf eine URL-Ressource, die zurückkehren wird der JSON-Daten. Es kann auf die
gleichen host oder auf einem anderen (muss JSONP). Die AutoVervollständigen -
plugin nicht die Ergebnisse filtern, statt einer Abfragezeichenfolge Hinzugefügt wird
mit einem term Feld, die die server-side-Skript verwendet werden soll
- Filterung der Ergebnisse. Zum Beispiel, wenn die Quelle aktiviert ist
"http://example.com" und der Benutzer-Typen foo eine GET-Anforderung wäre
gemacht http://example.com?term=foo. Die Daten selbst werden in der
gleiche format wie die lokalen Daten wie oben beschrieben.

Basierend auf den oben genannten, könnten Sie ändern Ihre controller-Aktion, so verwendet er das term GET-Anforderung, so ist es verwendet, um zu filtern die Daten in der Abfrage.. achten Sie darauf, lassen mich wissen, wie es geht.

InformationsquelleAutor Snivs

 $("#certi_name").autocomplete({
                source: "/controller/myfunction",
                minLength: 2,
                select: function(event, ui) {
                    $('#certi_name').val(ui.item.value);
                    $('#certi_id').val(ui.item.id);

                }
            });

Hier ist meine Funktion. Ich benutze es und funktioniert Prima.

function certificationsAction()
    {
        $cert_obj = new Model_Certification();
        $obj=$this->getRequest();
        $term=$obj->getParam('term');//You will get passing keyword with the name term
        if($term)
        {
            $ins_arrs=$cert_obj->getMatchingCertifications($term);
            $return_arr = array();
            foreach($ins_arrs as $ins)
            {
                $row_arr['id']=$ins['certification_id'];
                $row_arr['value']=$ins['certification_name'];
                array_push($return_arr, $row_arr);
            }
            echo json_encode($return_arr);die;
        }

    }

InformationsquelleAutor Amit Garg