Описание тега virtualscroll

Техника пользовательского интерфейса, предназначенная для повышения производительности больших прокручиваемых списков путем визуализации только небольшой части данных в данный момент и виртуализации других частей набора данных, чтобы параметры полосы прокрутки оставались согласованными, а пользовательский интерфейс результатов был близок к исходному. один (без виртуализации)
2 ответа

Виртуальный свиток для Angular 2

Всем привет! Мне нужно создать таблицу с таким количеством записей, используя угловой js 2. Для этого я пробую виртуальную прокрутку. Тем не менее, я не могу найти документацию или образцы в рабочем состоянии. Пожалуйста, помогите мне начать работу…
20 фев '17 в 14:03
1 ответ

Реактивные формы внутри виртуального списка ведут себя странно

Я проверял виртуальный список прокрутки с помощью реактивных форм. Сценарий состоит в том, что у меня есть тысячи строк для отображения в списке с флажками для утверждения или опровержения. Так что внутри виртуального списка я создаю группу форм с […
26 окт '18 в 14:00
1 ответ

Как программно прокрутить до элемента виртуальную прокрутку материала angular?

У меня есть список, который имеет много предметов, и каждый предмет может быть выбран. Для этого я использую Angular Material Virtual Scroll. Когда элемент выбран, выбранный элемент выделяется, а затем сохраняется на сервере. Когда я обновляю страни…
2 ответа

Виртуальный свиток, возвращающий пустой массив

HTML: <virtual-scroll [items]="items" (update)="viewPortItems = $event"> <div *ngFor="let item of viewPortItems"> {{item.name}} </div> </virtual-scroll> В компоненте я инициализирую элементы. Составная часть: items = [{ name:…
31 май '18 в 11:34
7 ответов

cdk-virtual-scroll-viewport с переменной высотой элемента

Я хотел бы использовать cdk-virtual-scroll-viewport в представлении временной шкалы с элементами разной высоты. Итак, постановка itemSize="x" который, согласно документации, относится к размеру элементов в списке (в пикселях), нецелесообразен. autos…
14 янв '19 в 11:05
0 ответов

cdk virtualscroll с mat-grid-list

Есть ли виртуальная реализация прокрутки, которая работает с сеткой? Я думаю, что реализация по умолчанию не будет работать, потому что каждая строка должна иметь элемент вокруг него. Я использую сетку для отображения изображений профиля, и мне нужн…
4 ответа

Виртуальная прокрутка на Angular 7 - высота по умолчанию равна нулю

Сценарий: Попробовал базовый тест виртуальной прокрутки, читая этот пост в массиве было много элементов ошибки не было список загружен в виртуальный свиток, но его высота по умолчанию равна 0 быстрое решение было установите высоту для cdk-virtual-sc…
23 окт '18 в 09:38
0 ответов

Угловая виртуальная прокрутка autsize, установите прокрутку в конец

У меня есть виртуальный свиток со стратегией авторазмера. Если я прокручиваю его с самого начала, он работает нормально. Но мне нужно переместить его в конце, когда страница загрузится. Проблема в том, что он не может быть рассчитан правильно. Испол…
22 ноя '18 в 10:28
0 ответов

Свиток Бесконечности + Виртуальный Свиток (Ionic - IOS)

Я использую эти плагины в своем ионном проекте, так что в Android все хорошо, но в ios бесконечная прокрутка не срабатывает после прокрутки вниз. Примечание: я знаю, что в предыдущей версии ionic есть ошибка по этому поводу, но я использую последнюю…
02 дек '17 в 06:52
0 ответов

Можно ли использовать CDK Virtual Scroll Viewport с CDK A11y - ActiveDescendantKeyManager?

Я использую <cdk-virtual-scroll-viewport> с фиксированным размером элементов для виртуальной прокрутки. Кроме того, я использую ActiveDescendantKeyManager предоставляется CDK A11y для перемещения с помощью клавиш со стрелками внутри области пр…
0 ответов

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

Я ищу эффективный компонент React для виртуального списка, который может обрабатывать 10 тыс. Элементов для отображения графиков состояния холста с динамическими обновлениями (через веб-сокет). В идеале это должно быть совместимо с Material-UI. Комп…
15 ноя '18 в 07:58
1 ответ

Angular Virtual Scroll отлично работает в браузере, но не проходит тест Jasmine при инициализации

Я попытался включить Angular Virtual в один из моих компонентов, и он отлично работает, как и предполагалось в браузере. Однако, когда я пытаюсь написать тестовый пример для того же самого, бегун Karma выдает следующий набор ошибок при инициализации…
01 янв '19 в 17:28
0 ответов

Я добавляю скроллер поверх mat-grid-list, который отображает 5 столбцов подряд. виртуальный скроллер не загружает данные на скроллер

Я добавил виртуальный скроллер поверх списка сетки матов следующим образом <virtual-scroller #scroll [items]="tiles" (vsEnd)="onVsEnd($event)" flex="100" style="width:80vw" bufferAmount="10"> <mat-grid-list #grid rowHeight="205px" gutterSiz…
0 ответов

ngFor и пользовательский компонент с Content Projection

У меня проблемы с поиском способа сделать это: Во-первых, у меня есть родительский компонент горизонтальная прокрутка подача HTML <cdk-virtual-scroll-viewportorientation="horizontal"> <div *cdkVirtualFor='let content of contents' class="car…
25 янв '19 в 14:57
0 ответов

Виртуальный свиток в Angular Universal

Я использую Angular 7 проектов с интегрированной в нее универсальной функцией виртуальной прокрутки и получаю следующую ошибку (для рендеринга на стороне сервера) ReferenceError: окно не определено в новом VirtualScrollerComponent (/sample/universal…
21 фев '19 в 11:46
0 ответов

Kendo Angular Grid Сгруппированные данные и виртуальная прокрутка с использованием удаленных данных

Я хочу сделать виртуальную прокрутку на угловой сетке кендо с удаленными данными. К сожалению, это не похоже на то, что поддерживается на основе этой ссылки ( https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/), которая утверждае…
26 июл '18 в 13:59
3 ответа

Как установить начальный индекс (положение) для CdkVirtualScrollViewport в Angular 7

Мне нужна начальная позиция cdk-virtual-scroll-viewport быть отличным от первого элемента / элемента списка. Теперь я нашел scrollToIndex а также scrollTo методы, но я могу только заставить их работать при использовании его в ngAfterViewChecked, кот…
2 ответа

При использовании vue-virtual-scroller откуда берутся теги содержимого и основной тег

Я пытаюсь понять виртуальный скроллер VUE. Я заметил, что в демоверсии есть пара HTML-атрибутов, которые он использует... <virtual-scroller v-if="scopedSlots" class="scroller" :item-height="itemHeight" :items="items" main-tag="section" content-ta…
19 окт '17 в 15:56
0 ответов

Виртуальный свиток в углу 6 с таблицей материалов

Я хочу использовать виртуальный свиток с таблицей угловых материалов. и я не хочу использовать функцию нумерации страниц. мой код, как показано ниже. <mat-table [dataSource]="dataSource"> <ng-container matColumnDef="psa_invoice_number"> …
05 сен '18 в 06:44
0 ответов

Как рассчитать видимые номера диапазона предметов для виртуального списка прокрутки?

Я попытался найти библиотеку, чтобы сделать это для меня, но я не нашел библиотеку, которая бы обладала необходимыми функциями или стилем, поэтому я решил попробовать свои силы самостоятельно; единственная проблема с этим - вычисление диапазона отоб…
18 ноя '18 в 06:24