3

私は、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>

すべての yahoo javascript 参照とスタイル シートを追加しましたが、myInput ボックスのテキストを変更しても ajax 呼び出しが行われないようで、何も表示されません...何か不足していると思います.. .

4

2 に答える 2

3

@Kriss-問題が発生しているページへのリンクを投稿していただけますか？サーバーから何が返されるかを確認し、ページのコンテキスト全体を確認せずにXHRオートコンプリートをデバッグすることは困難です。

@Adam --jQueryは優れていますが、YUIのウィジェットはすべて均一に文書化されており、均一にライセンスされています。それが今日の魅力的な差別化の源です。

于 2008-12-10T18:04:28.143 に答える
0

正直なところ、これが最も役立つ答えではないことはわかっています... 使いやすさ、構文、およびコミュニティのフォローの点で YUI を完全に水から吹き飛ばしたため、最近は jQuery の使用を検討する必要があります。

次に、 http: //plugins.jquery.com に足を踏み入れて、コード例などを含むクールなオートコンプリート プラグインをたくさん見つけることができます。

お役に立てれば。

于 2008-12-10T15:42:34.277 に答える