Как преодолеть JQuery MultiSelect Performance Issue, когда есть много элементов?

Question

Я использую JQuery MULTISELECT из JQuery UI: http://www.erichynds.com/blog/jquery-ui-multiselect-widget

Он имеет большие возможности для поиска предметов, список опций и список флажка, и т.д., но

Он не выполняет хорошо, когда количество деталей выше 700, и у него есть проблемы с CSS с IE 8.0.

Где я могу найти выпадающий список с возможностью выбора и поиска, который может работать хорошо в больших количествах? Я googled, но не мог найти ничего, что соответствует этим критериям.

Я бы хотел, чтобы я сам не мог построить новый такой контроль, если это возможно.

Answer 1

Возможно, вам лучше скомпоновать только css. Не следует использовать JS, если вам это не нужно. Вот jsfiddle.com http://jsfiddle.net/snlacks/4WRS2/2/

редактировать: Я сделал это немного симпатичнее: http://jsfiddle.net/snlacks/4WRS2/4/

Если у вас есть какие-либо дополнительные вопросы, пожалуйста, спрашивайте.

<div class="multiselect"> 
    <ul> 
     <li><label><input type="checkbox" name="1"/><div>Test 1</div></li> 
     ... 
    </ul> 
</div> 

Ключевыми моментами на css являются здесь.

.multiselect {... 
    overflow: scroll; 
    box-sizing: margin-box; 
} 
.... 
.multiselect li input[type="checkbox"]:checked~span { 
    background: #efefef; 
}