SAPUI5 StandardListItem сортировка по выбранному
У меня есть SelectDialog для одного из всплывающих окон. Внутри этого я отображаю данные, используя StandardListItem.
Список показывает более 2000 записей. Однако загрузка данных занимает много времени, поэтому я установил порог 50. Когда пользователь открывает всплывающее окно, он показывает первые 50 записей, когда он прокручивает вниз, следующий набор из 50 записей и так далее.
Теперь проблема заключается в том, что когда пользователь ищет запись (например, «ABC»), эта ABC может находиться в позиции 500 в списке. Он выбирает ABC, закрывает всплывающее окно, а затем снова открывает его, он не может видеть ABC (потому что ABC нет в первых 50 записях). Ему нужно прокрутить вниз 6 раз, чтобы увидеть данные.
Чего я хочу достичь, когда пользователь выбирает записи, он автоматически переходит на верхнюю позицию. UI5 SelectDialog (Демонстрационный набор UI5) не предоставляет эту функциональность, поскольку поддерживает только односторонняя привязка. Любая помощь по этому поводу?
Мой фрагмент.XML-код:
<SelectDialog
id = "idSel"
growingThreshold = "50"
growing = "true"
showClearButton = "true"
items = "{data>AllItems}"
multiSelect = "true"
noDataText = "Not Found"
liveChange = "handleSearch"
title = "Choose"
autoAdjustWidth = "true"
growingScrollToLoad = "true">
<StandardListItem id = "idItem" description = "{data>AllDataId})"
title = "{data>Title}" type = "Active"/>
</SelectDialog>
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы можете попробовать установить запомнитьПодборки = true, чтобы сохранить текущий выбор и загрузить это состояние при повторном открытии диалога.
<SelectDialog
id = "idSel"
rememberSelections = "true"
growingThreshold = "50"
growing = "true"
showClearButton = "true"
items = "{data>AllItems}"
multiSelect = "true"
noDataText = "Not Found"
liveChange = "handleSearch"
title = "Choose"
autoAdjustWidth = "true"
growingScrollToLoad = "true">
<StandardListItem id = "idItem" description = "{data>AllDataId})"
title = "{data>Title}" type = "Active"/>
</SelectDialog>
rememberSelections сохранит/отключит параметры, но «ABC» все равно будет в позиции 500. Я не думаю, что стандартный элемент управления sap.m.SelectDialog имеет способ сделать это.
Хотя я вижу несколько вариантов:
- Если выбор запрашивается откуда-то (OData?), вы можете обогатить прочитанные параметры тем, выбраны они или нет для этой цели. Затем добавьте в список сортировщик, который сначала сортирует выбранные (https://sapui5.hana.ondemand.com/#/api/sap.ui.model.Sorter). Вы также можете сделать это в пользовательском интерфейсе при одновременном чтении данных списка, но вы уже сказали, что делаете это партиями из соображений производительности.
- Если манипулирование серверной частью не сработает, вы можете создать настраиваемый элемент управления, который в основном представляет собой sap.m.Dialog с двумя списками sap.m.List друг над другом, чтобы воспроизвести то, что вы описываете. Вверху отображаются выбранные элементы, затем внизу стандартный список.
- Если мы посмотрим, как другие пользовательские интерфейсы управляют множественным выбором, на самом деле это 2 списка рядом. Выбор/отмена выбора — это просто перемещение элемента с одной стороны на другую (кнопки между ними или перетаскивание). Таким образом, вы всегда сохраняете контекст выбранного при поиске другого для выбора. Недавно я сам реализовал это для выбора нескольких вариантов из длинного списка.
- В качестве альтернативы, не беспокойтесь о множественном выборе в диалоговом окне, а просто сохраните выбранное состояние в sap.m.MultiInput как sap.m.Tokens. Это, наверное, меньше всего работы.
Это не работает, когда я просто загружаю начальные 50 записей, мне нужно загрузить все 1000 записей, чтобы это сработало.