YUIオートコンプリート例問題

Question

私はYUIオートコンプリートの実装のために狩りをして、私はサイトasklaila.comからこのスクリプトに出くわした - それはYUIオートコンプリートドロップダウンをimplentingさ

<script type="text/JavaScript"> 
    YAHOO.example.ACJson = new function() { 
     this.oACDS = new YAHOO.widget.DS_XHR("/AutoComplete.do", 
      ["Suggestions[0].Results","Name"]); 

     this.oACDS.queryMatchContains = true; 
     this.oACDS.scriptQueryAppend = "city=Mysore"; // Needed for YWS 
     function fnCallback(e, args) { 
      document.searchForm.where.focus(); 
      acSelected = true; 
      return false; 
     } 

     this.oAutoComp = new YAHOO.widget.AutoComplete('what','whatContainer', this.oACDS); 
     this.oAutoComp.itemSelectEvent.subscribe(fnCallback); 
     this.oAutoComp.formatResult = function (oResultItem,sQuery) { 
      return oResultItem[0]; 
     } 

     this.oAutoComp.queryDelay = 0; 
     this.oAutoComp.useIFrame = true; 
     this.oAutoComp.prehighlightClassName = "yui-ac-prehighlight"; 
     this.oAutoComp.minQueryLength = 2; 
     this.oAutoComp.autoHighlight = false; 
     this.oAutoComp.textboxFocusEvent.subscribe(function() { 
      this.oAutoComp.sendQuery(""); 
     }); 

     this.oAutoComp.doBeforeExpandContainer = function(oTextbox, oContainer, sQuery, aResults) { 
      var pos = YAHOO.util.Dom.getXY(oTextbox); 
      pos[1] += YAHOO.util.Dom.get(oTextbox).offsetHeight + 2; 
      YAHOO.util.Dom.setXY(oContainer,pos); 
      return true; 
     }; 
    } 
</script> 

。私が理解したいことは、これが何であるかです。これはコードに及ぼす影響です。

this.oACDS = new YAHOO.widget.DS_XHR("/AutoComplete.do", ["Suggestions[0].Results","Name"]); 

とその効果。

Answer 1

this.oACDS = new YAHOO.widget.DS_XHR（ "/ AutoComplete.do"、["Suggestions [0] .Results"、 "Name"]））;

キーを押すたびに、サーバーからjsonレスポンスを取得し、それを使用してオートコンプリートドロップダウンを設定します。 jsonには、このノードでのみ表示される名前、「名前」フィールドには「提案[0]。結果」が表示されます。

何か問題がある場合は、先にお尋ねください。私はasklaila.comのコードを書いた

Answer 2

私は YUIオートコンプリートの実装のために狩りをして、私は このスクリプトに出くわした...

はなぜ、詳細な例については、YUIオートコンプリートのページを見てみましょうではありません。 YUIの古いバージョンを使っているが、それはから読み取るためのオートコンプリートのためのデータソースを設定されて

Yahoo! UI Library: AutoComplete

Answer 3

。この特定のデータソースは、XHRを使用してサーバーから情報を要求し、オートコンプリートフィールドにデータを入力します。

"Autocomplete.do" 

は、ユーザーが入力している間、オートコンプリート火災データソースによってたびに照会されている相対URLです。

["Suggestions[0].Results","Name"] 

レスポンススキーマは、リクエストの結果をURLに解析する方法をDataSourceに通知します。データを解析して適切な結果を表示する方法を知る必要があります。