yui學習筆記(一) ---- autocomplete初探(1)

          Posted on 2007-05-23 01:00 yoyo 閱讀(1699) 評論(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

          主站蜘蛛池模板: 观塘区| 孝昌县| 弥勒县| 新宁县| 邛崃市| 峨眉山市| 福安市| 时尚| 美姑县| 辉县市| 渭源县| 舟山市| 满城县| 汝南县| 会理县| 和政县| 新巴尔虎右旗| 河间市| 五寨县| 吉安县| 张家港市| 梅河口市| 漳平市| 新民市| 临朐县| 安仁县| 都昌县| 锡林郭勒盟| 崇仁县| 巴彦县| 马关县| 乐山市| 海宁市| 开平市| 南康市| 南充市| 兰坪| 汝阳县| 罗甸县| 靖宇县| 东平县|