[英]yahoo autocomplete
我有點像試圖實現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引用和樣式表,但是當我更改myInput框中的文本時它似乎永遠不會進行ajax調用,它也沒有顯示任何內容......我想我錯過了一些imp .. 。
@Kriss - 您是否可以發布指向您遇到問題的頁面的鏈接? 如果沒有看到從服務器返回的內容並查看頁面的整個上下文,就很難調試XHR自動完成。
@Adam - jQuery很棒,是的,但是YUI的小部件都是統一的文檔和統一許可。 這是今天的一個引人注目的差異化來源。
說實話,我知道這不是最有用的答案......你應該考慮使用jQuery這些天,因為它在易用性,語法和社區跟隨方面已經完全破壞了YUI。
然后你可以蹣跚學步到http://plugins.jquery.com並找到一大堆很酷的自動完成插件,帶有示例代碼等。
希望這可以幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.