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

Posted on 2007-05-23 01:00 yoyo 阅读(1680) 评论(0)  编辑  收藏
   现在在公司项目中尝试用到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用到的函数就有很多是前四个类里面定义的...我就是因为这个问题查了很久才找到原因的
 

只有注册用户登录后才能发表评论。


网站导航:
 

posts - 2, comments - 4, trackbacks - 0, articles - 4

Copyright © yoyo