我是那种喜欢粘试图实现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>

我添加了所有雅虎的JavaScript引用和样式表,但它似乎永远不会让Ajax调用,当我更改myInput框中的文本和也不认为这是什么...我想我失去了一些东西小鬼...

有帮助吗?

解决方案

要诚实,我知道这是不是最有用的答案...你应该考虑使用jQuery这些天,因为它在易用性的使用,语法和方面完全YUI吹出来的水社区以下。

然后,你可以蹒跚到 http://plugins.jquery.com 并找到一大堆清凉自动完成插件与示例代码等等。

希望这有助于。

其他提示

@Kriss - 你可以张贴一个链接到您遇到问题的页面?很难调试XHR自动完成,没有看到什么从服务器回来,看到首页的整个背景。

@Adam - jQuery是优秀的,是的,但YUI的部件都均匀充分证明,均匀许可。这是今天的分化一个引人注目的源。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top