ヤフーのオートコンプリート

StackOverflow https://stackoverflow.com/questions/356348

  •  21-08-2019
  •  | 
  •  

質問

私は一種の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 ...

役に立ちましたか？

解決

それは完全に使いやすさの面での水のうち、YUIを吹いたように、

正直言って、私はこれが最も有用な答えではありません知っているために...あなたは、これらの日のjQueryを使用してになります、構文とコミュニティー以下ます。

次に、あなたは http://plugins.jquery.com の上にtoddleとクールの全体の束を見つけることができますサンプルコードなどとオートコンプリートプラグイン

この情報がお役に立てば幸いです。

他のヒント

@Kriss - あなたが問題を抱えているページへのリンクを投稿できますか？これは、サーバーから戻ってくると、ページ全体の文脈を見て何を見ずにXHRのオートコンプリートをデバッグするのは難しいます。

@Adam - jQueryのは、はい、優れているが、YUIのウィジェットは、すべて一律十分に文書化し、均一にライセンスされています。それは今日の分化の魅力的なソースです。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top