Клуб API Карт

ListBoxItem нагружает браузер

IceJOKER
3 мая 2015, 12:07

Здравствуйте, можно ли как-то решить проблемы с нагрузкой ListBoxItem на браузер?
Если добавить в список ListBox более 100-а ListBoxItem, то во-время появления списка браузер начинает тормозить и как только появляется все хорошо.
Проверял добавляя в список 5, 10 и т.д. item-ов и если добавить более 100, то это капец. Добавлял элементы в список лишь после нескольких секун после появления карты и добавления всех объектов, но все равно сильно нагружает.


    for(var i in cats){
        listboxItem = new ymaps.control.ListBoxItem({
            data: {
                content: cats[i].title,
                id: cats[i].id,
                order: i
            },
            options: {
                selectOnClick: true
            }
        });
        item_list.push(listboxItem);
    }

    var catsList = new ymaps.control.ListBox({
        data: {
            content: 'Категории',
            id: -1
        },
        items: item_list
    });

 

p.s. отредактировал текст, на мобильных больше 30 уже подвисает браузер, на десктопных - больше 100-а

2 комментария
Подписаться на комментарии к посту

Проверил на 50 элементах

http://jsbin.com/qipipikeji/1/edit?js,output

 

В хроме и сафари открывается без задержек

извиняюсь, забыл уточнить мобайл/десктоп.
Отредактировал текст.