Anpassen der Autocomplete-Anzeige in jQuery UI 1.8

7

Ich versuche, das Aussehen der Autocomplete-Elemente in JQuery 1.8 anzupassen. Ich habe das Beispiel von der JQuery UI-Website

verwendet %Vor%

Leider gibt es in JQuery UI 1.8 kein ui-Autocomplete-Datenfeld. Wo kann ich die Vorlage für die automatische Vervollständigung in JQuery UI 1.8 ändern?

    
Zounadire 14.08.2013, 12:14
quelle

3 Antworten

16

Das Beispiel in der jQuery UI-Site basiert auf jQuery UI 1.10, jQuery UI 1.8 ist etwas anders, daher müssen Sie den Code ändern, damit er funktioniert.

Die Hauptunterschiede sind hier:

%Vor%

Der data("ui-autocomplete") muss data("autocomplete") sein und Sie müssen das data Attribut setzen, um Ihre zusätzlichen Informationen zur Autocomplete hinzuzufügen.

Code:

%Vor%

Demo: Ссылка

    
Irvin Dominin 14.08.2013, 12:38
quelle
6

Ich musste ein Plugin / Widget erstellen, das Autocomplete verwendet und in das gleiche Problem eintrat. Ich habe $ (...). Data () untersucht, die natürlich zeigen, dass verschiedene Versionen von jQuery UI Daten in .data () mit verschiedenen Schlüsseln speichern.

Gemäß dem Upgrade-Leitfaden für 1.9 ( Ссылка )

  

Autocomplete verwendet jetzt ui-autocomplete-item anstelle von item.autocomplete ... Einige davon waren rein intern und einige waren für Benutzer nützlich. Diejenigen, die für Benutzer nützlich waren, insbesondere die Widget-Instanzen und Autocomplete-Elemente, unterstützen immer noch die alten Namen, obwohl sie jetzt veraltet sind.

Wenn ich also den _renderItem-extensionpoint in Bezug auf die UI-Version "überschreiben" musste, habe ich Folgendes gemacht:

%Vor%

Das ist so nah wie möglich an Feature-Erkennung.

    
Techek 23.01.2014 12:54
quelle
0

In der offenen Funktion können Sie mit css das Aussehen Ihres Vorschlags folgendermaßen ändern:

%Vor%

in deinem Fall sollte es so sein

%Vor%     
Manish Kumar 14.08.2013 12:17
quelle

Tags und Links