Yahoo автозаполнение
Я вроде как застрял, пытаясь реализовать текстовое поле автозаполнения YUI. вот код:
<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>
Я добавил все ссылки на jaascript и таблицы стилей Yahoo, но при изменении текста в поле myInput он, кажется, никогда не вызывает ajax, и при этом он ничего не показывает... Думаю, я что-то упустил.,
2 ответа
Если честно, и я знаю, что это не самый полезный ответ... вы должны изучить использование jQuery в наши дни, так как оно полностью выбило YUI из воды с точки зрения простоты использования, синтаксиса и отслеживания сообществом.
Тогда вы можете перейти на http://plugins.jquery.com/ и найти целую кучу классных плагинов для автозаполнения с примером кода и т. Д.
Надеюсь это поможет.
@Kriss - Не могли бы вы опубликовать ссылку на страницу, где у вас возникли проблемы? Трудно отлаживать автозаполнение XHR, не видя того, что возвращается с сервера, и не просматривая весь контекст страницы.
@Adam - jQuery отлично, да, но все виджеты YUI одинаково хорошо документированы и имеют одинаковую лицензию. Это неотразимый источник дифференциации сегодня.