Yahoo автозаполнение - PullRequest
Новая
       21

Yahoo автозаполнение

3 голосов
/ 10 декабря 2008

Я как бы застрял, пытаясь реализовать текстовое поле автозаполнения 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 ]

3 голосов
/ 10 декабря 2008

@ Kriss - Не могли бы вы опубликовать ссылку на страницу, где у вас возникли проблемы? Трудно отлаживать автозаполнение XHR, не видя, что возвращается с сервера, и не видя весь контекст страницы.

@ Adam - jQuery отлично, да, но все виджеты YUI хорошо документированы и имеют одинаковую лицензию Это убедительный источник дифференциации сегодня.

0 голосов
/ 10 декабря 2008

Честно говоря, и я знаю, что это не самый полезный ответ ... вам стоит задуматься об использовании jQuery в наши дни, поскольку он полностью выбил YUI из воды с точки зрения простоты использования, синтаксиса и сообщество подписано.

Тогда вы можете переключиться на http://plugins.jquery.com и найти целую кучу классных плагинов для автозаполнения с примером кода и т. Д.

Надеюсь, это поможет.

...