자동 완성 YUI의 자동 완성 기능을 사용하려고 큰 데이터 세트

Question

에 IE6에서 매우 느립니다, 우리는 그것의 사실에 달렸다 매우 느린 30000 개 항목을 포함하는 데이터 소스에 대한 IE6 (AN을 입력 할 때 에 자동 완성 필드, IE가 응답하기 위해 몇 분 정도 걸립니다).

그러나 동일한 정확한 코드는 IE8에서 거의 실시간으로 작동합니다.

뭐가 잘못 되었나요? 어떻게 든 이걸 최적화 할 수 있을까요? IE6 + YUI 자동 완성은 그러한 대형 데이터 세트를 위해 설계되지 않았습니까? "키 누르기를 잡아 검색 JS 기능의 경우 실행

<span id="port_autocomplete" class="yui-skin-sam" style='position: relative;'> 
     <input type='text' id='selected' maxlength=10 name='selected' 
       value='' isSelected=1 onkeyup="searchOnEnter();"> 
     <div id="autocomplete_container" style="position: absolute"></div> 
    </span> 

searchOnEnter 함수는 표준이다 : 그것을 사용하는 HTML을 여기

Y.namespace('YAHOO.program'); 
Y.program.AllTreeItemsArr = new Array(); 
// Populate the array with 30000 elements 
Y.program.BasicLocal = function() { 
     var oDS = new YU.LocalDataSource(Y.program.AllTreeItemsArr); 
     oDS.responseSchema = {fields : ["portfolio"]}; 
     var oAC = new Y.widget.AutoComplete("selected" 
              , "autocomplete_container", oDS); 
     oAC.prehighlightClassName = "yui-ac-prehighlight"; 
     oAC.useShadow = true; 
     oAC.typeAhead = true; 
     oAC.queryDelay = .05; 
     oAC.typeAheadDelay = .5; 

     return { 
      oDS: oDS, 
      oAC: oAC 
     }; 
    }(); 

그리고 것 :

다음은 Autocompleter에 초기화 우리의 코드입니다 키 == 13 ".

Answer 1

명백한 대답은 IE에는 느린 JS 엔진이 있고 30000 레코드는 많은 양의 데이터입니다. 그러나 필터링 작업에는 문제의 근원 일 수있는 하나의 호출이 포함됩니다. 아웃이 패치를 시도하고 차이가 있는지 확인 :

http://gist.github.com/316358