Frage

Ich bin ein bisschen wie stecken versuchen, YUI die automatische Vervollständigung Textbox zu implementieren. hier ist der Code:

<div id="myAutoComplete"> 
<input id="myInput" type="text" /> 
<div id="myContainer"></div> 
</div>
<script type="text/javascript">
YAHOO.example.BasicRemote = function() {
oDS = new YAHOO.util.XHRDataSource("../User/Home2.aspx");
// Set the responseType
oDS.responseType = YAHOO.util.XHRDataSource.TYPE_TEXT;
// Define the schema of the delimited results
oDS.responseSchema = {
recordDelim: "\n",
fieldDelim: "\t"
};
// Enable caching
oDS.maxCacheEntries = 5;

// Instantiate the AutoComplete
var oAC = new YAHOO.widget.AutoComplete("myInput", "myContainer", oDS);
oDS.generateRequest = function(sQuery) {
return "../User/Home2.aspx?method=" + "SA&Id="+document.getElementById("lbAttributes")[document.getElementById("lbAttributes").selectedIndex].value +"&query="+sQuery;
};
oAC.queryQuestionMark =false;
oAC.allowBrowserAutoComplete=false;
 return {
 oDS: oDS,
 oAC: oAC
 };
}
</script>

Ich habe alle Yahoo-Javascript-Referenzen und die Stylesheets hinzugefügt, aber es scheint nie den Ajax-Aufruf zu machen, wenn ich den Text in dem myInput Feld ändern und weder sie etwas nicht zeigen ... Ich glaube, ich bin etwas fehle imp ...

War es hilfreich?

Lösung

Um ehrlich zu sein, und ich weiß, diese Antwort nicht die hilfreich ist ... Sie in mit jQuery in diesen Tagen aussehen sollte, wie es völlig YUI aus dem Wasser im Hinblick auf die Einfachheit der Verwendung, Syntax durchgebrannt ist und Gemeinschaft im Anschluss an.

Dann könnten Sie watscheln auf http://plugins.jquery.com und eine ganze Reihe von kühlen finden die automatische Vervollständigung Plugins mit Beispiel-Code, etc.

Hope, das hilft.

Andere Tipps

@Kriss - Könnten Sie einen Link auf der Seite veröffentlichen, wo Sie Probleme haben? Es ist schwer zu debuggen XHR die automatische Vervollständigung, ohne zu sehen, was vom Server zurückkommt und den ganzen Kontext der Seite zu sehen.

@ Adam - jQuery ist ausgezeichnet, ja, aber YUI Widgets sind alle gleichmäßig gut dokumentiert und einheitlich lizenziert. Das ist eine überzeugende Quelle der Differenzierung heute.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top