Привязать большое количество данных к комбинированному списку?

у моей компании была аналогичная проблема. мы закончили тем, что использовали объект jquery под названием Select2, и мы лениво загружали список. В основном мы загружаем только первые 10 или около того во время загрузки, что ускоряет загрузку, и если пользователь прокручивает вниз после первых 10, мы загружаем следующие 10 и так далее. Select2 имеет функцию поиска, которая обращается к серверу и возвращает настраиваемый список на основе поиска.

Проблема с одновременной загрузкой 5000 элементов состоит в том, что браузеру потребуется бесконечно долго загружать их, выполнять итерацию по ним и при необходимости манипулировать ими. Я не говорю, что "вы должны использовать select2" RadComboBox может иметь что-то подобное, которое вы можете использовать.

Удачи.

Я не рекомендую показывать набор данных, а вместо этого сохраняю его в объекте javascript. Затем вы можете выполнить автозаполнение этого списка объектов. Это делается через jquery, используя селектор, а затем применяя к нему функцию автозаполнения.

Пример:

var systems = [{t:"hi",s:"something"}.{t:"hi",s:"something"},{t:"hi",s:"something"}];
$("#s").autocomplete(systems, 
{
width: 300,
formatItem: function(item) 
{ return item.t + item.s; },
formatResult: function(item) 
{ return item.t; }
});

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

Вместо того, чтобы использовать какой-либо настраиваемый элемент управления или telerik rad box, мы используем простой подход. Мы принимаем размер страницы в качестве настраиваемого значения (например, 50) и номер страницы (по умолчанию 1), количество страниц (общее количество / размер страницы ) и критерии поиска (пользовательский ввод для автозаполнения) в качестве параметра для службы, возвращающей значение, и выбирает только записи, равные размеру страницы в соответствии с входными критериями поиска и номером страницы.

Возьмите текстовое поле и привяжите этот вызов службы к событию изменения текста текстового поля и привяжите вывод к раскрывающемуся списку автозаполнения.

Логика разбиения по страницам и поиска реализована в хранимой процедуре, например Хранимая процедура с сортировкой, разбиением по страницам и фильтрацией

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

Используйте VirtualizingStackPanel в качестве ItemsPanel для ваших RadComboBoxes, если нужно отобразить большое количество элементов. С помощью VirtualizingStackPanel вы можете иметь в своем RadComboBox десятки тысяч элементов.

Используйте этот XAML-код:

            <!-- WPF ItemsControls like ComboBox, ListBox or Menu use a StackPanel as their internal layout panel. 
                 Use a VirtualizingStackPanel for performance. Else the Combobox will freeze!   -->
            <ItemsPanelTemplate x:Key="itemsPanelTemplate">
                <VirtualizingStackPanel />
            </ItemsPanelTemplate>

            <!-- This style specifies how RadComboBoxes look like -->
            <Style TargetType="telerik:RadComboBox">
                <Setter Property="ItemsPanel" Value="{StaticResource itemsPanelTemplate}"/>
            </Style>

Для простоты просто добавьте первые 15 или 20 имен, и когда пользователь вводит в поле со списком, заполните поле со списком возвращенными именами из базы данных, но не всеми, заполните его только несколькими именами, чтобы браузер не зависал ...

Вы можете делать то же самое, что и Google. Когда вы пишете что-то в Google, текст, который не совпадает с набранным вами, исчезает, но тот же текст останется там. Это упростит вам поиск, вот ответ.