Posted on 2007-05-23 01:00
yoyo 阅读(1679)
评论(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用到的函数就有很多是前四个类里面定义的...
我就是因为这个问题查了很久才找到原因的