yui学习笔记(一) ---- autocomplete初探(1)

   现在在公司项目中尝试用到yui这个库了。虽然yui的说明文档是非常丰富 .但是给出来的例子都是十分弱智的。。。有时候照抄代码也是运行不了。。我以后会尽量每天写一篇日志来记录我的学习历程。。可能会很弱智，大家不要见笑

        雅虎的自动完成，是非常酷的. yui包里面提供的有六个例子。但可惜的是我现在只能懂得JavaScript Array ， 以一个js 数组来进行返回的值

 1              //  Instantiate first JS Array DataSource
 2             oACDS  =   new  YAHOO.widget.DS_JSArray(statesArray);
 3
 4              //  Instantiate first AutoComplete
 5             oAutoComp  =   new  YAHOO.widget.AutoComplete( ' statesinput ' , ' statescontainer ' , oACDS);
 6             oAutoComp.queryDelay  =   0 ;
 7             oAutoComp.prehighlightClassName  =   " yui-ac-prehighlight " ;
 8              // oAutoComp.typeAhead = true;
 9             oAutoComp.useShadow  =   true ;
10             oAutoComp.minQueryLength  =   0 ;
11             oAutoComp.textboxFocusEvent.subscribe(function() {oAutoComp.sendQuery("");} );

这段代码是yui用来演示js array实现的核心代码.
      oAcds 是指自动完成返回匹配的数据。yahoo.widget.ds_jsarray是指要数据的类型.ds_jsarray为其中一种而已,如果返回的是xml,或json，还有其它的类型..

   这个例子依赖到的下列四个js文件
      yahoo.js
      dom.js
      event-debug.js
      animation.js
      autocomplete.js

yahoo.widget.ds_jsarray就是在autocomplete.js里定义的
但各位加载的时候 ，千万千万不要将加载的顺序混淆啊.一定要按上面的顺序加载，因为 autocomplete.js用到的函数就有很多是前四个类里面定义的... 我就是因为这个问题查了很久才找到原因的