ng-virtual-list 19.7.21 → 19.7.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -115,7 +115,7 @@ items = Array.from({ length: 100000 }, (_, i) => ({ id: i, name: `Item #${i}` })
|
|
|
115
115
|
|
|
116
116
|
Template:
|
|
117
117
|
```html
|
|
118
|
-
<ng-virtual-list class="list" direction="horizontal" [items]="horizontalItems" [bufferSize]="
|
|
118
|
+
<ng-virtual-list class="list" direction="horizontal" [items]="horizontalItems" [bufferSize]="5" [maxBufferSize]="20"
|
|
119
119
|
[itemRenderer]="horizontalItemRenderer" [itemSize]="64" [methodForSelecting]="'select'"
|
|
120
120
|
[selectedIds]="2" (onSelect)="onSelect($event)" (onItemClick)="onItemClick($event)"></ng-virtual-list>
|
|
121
121
|
|
|
@@ -166,8 +166,8 @@ export class AppComponent {
|
|
|
166
166
|
Template:
|
|
167
167
|
```html
|
|
168
168
|
<ng-virtual-list class="list" direction="horizontal" [items]="horizontalGroupItems" [itemRenderer]="horizontalGroupItemRenderer"
|
|
169
|
-
[bufferSize]="
|
|
170
|
-
[selectedIds]="[3,2]" (onSelect)="onSelect($event)" (onItemClick)="onItemClick($event)"></ng-virtual-list>
|
|
169
|
+
[bufferSize]="5" [maxBufferSize]="20" [itemConfigMap]="horizontalGroupItemConfigMap" [itemSize]="54" [snap]="true"
|
|
170
|
+
methodForSelecting="multi-select" [selectedIds]="[3,2]" (onSelect)="onSelect($event)" (onItemClick)="onItemClick($event)"></ng-virtual-list>
|
|
171
171
|
|
|
172
172
|
<ng-template #horizontalGroupItemRenderer let-data="data" let-config="config">
|
|
173
173
|
@if (data) {
|
|
@@ -239,7 +239,7 @@ export class AppComponent {
|
|
|
239
239
|
|
|
240
240
|
Template:
|
|
241
241
|
```html
|
|
242
|
-
<ng-virtual-list class="list simple" [items]="items" [bufferSize]="
|
|
242
|
+
<ng-virtual-list class="list simple" [items]="items" [bufferSize]="5" [maxBufferSize]="20" [itemRenderer]="itemRenderer"
|
|
243
243
|
[itemSize]="40"></ng-virtual-list>
|
|
244
244
|
|
|
245
245
|
<ng-template #itemRenderer let-data="data">
|
|
@@ -280,7 +280,7 @@ export class AppComponent {
|
|
|
280
280
|
|
|
281
281
|
Template:
|
|
282
282
|
```html
|
|
283
|
-
<ng-virtual-list class="list simple" [items]="groupItems" [bufferSize]="
|
|
283
|
+
<ng-virtual-list class="list simple" [items]="groupItems" [bufferSize]="5" [maxBufferSize]="20" [itemRenderer]="groupItemRenderer"
|
|
284
284
|
[itemConfigMap]="groupItemConfigMap" [itemSize]="40" [snap]="false"></ng-virtual-list>
|
|
285
285
|
|
|
286
286
|
<ng-template #groupItemRenderer let-data="data">
|
|
@@ -307,7 +307,7 @@ Template:
|
|
|
307
307
|
|
|
308
308
|
Template (with snapping):
|
|
309
309
|
```html
|
|
310
|
-
<ng-virtual-list class="list simple" [items]="groupItems" [bufferSize]="
|
|
310
|
+
<ng-virtual-list class="list simple" [items]="groupItems" [bufferSize]="5" [maxBufferSize]="20" [itemRenderer]="groupItemRenderer"
|
|
311
311
|
[itemConfigMap]="groupItemConfigMap" [itemSize]="40" [snap]="true"></ng-virtual-list>
|
|
312
312
|
|
|
313
313
|
<ng-template #groupItemRenderer let-data="data">
|
|
@@ -372,7 +372,7 @@ Template
|
|
|
372
372
|
<button class="scroll-to__button" (click)="onButtonScrollToIdClickHandler($event)">Scroll</button>
|
|
373
373
|
</div>
|
|
374
374
|
|
|
375
|
-
<ng-virtual-list #virtualList class="list" [items]="items" [itemRenderer]="itemRenderer" [bufferSize]="
|
|
375
|
+
<ng-virtual-list #virtualList class="list" [items]="items" [itemRenderer]="itemRenderer" [bufferSize]="5" [maxBufferSize]="20"
|
|
376
376
|
[itemSize]="40"></ng-virtual-list>
|
|
377
377
|
|
|
378
378
|
<ng-template #itemRenderer let-data="data">
|
|
@@ -426,7 +426,7 @@ Virtual list with height-adjustable elements.
|
|
|
426
426
|
|
|
427
427
|
Template
|
|
428
428
|
```html
|
|
429
|
-
<ng-virtual-list #dynamicList class="list" [items]="groupDynamicItems" [itemRenderer]="groupItemRenderer" [bufferSize]="
|
|
429
|
+
<ng-virtual-list #dynamicList class="list" [items]="groupDynamicItems" [itemRenderer]="groupItemRenderer" [bufferSize]="5" [maxBufferSize]="20"
|
|
430
430
|
[itemConfigMap]="groupDynamicItemConfigMap" [dynamicSize]="true" [snap]="true"></ng-virtual-list>
|
|
431
431
|
|
|
432
432
|
<ng-template #groupItemRenderer let-data="data">
|
|
@@ -565,7 +565,7 @@ List items are encapsulated in shadowDOM, so to override default styles you need
|
|
|
565
565
|
Selecting even elements:
|
|
566
566
|
|
|
567
567
|
```html
|
|
568
|
-
<ng-virtual-list class="list" direction="horizontal" [items]="horizontalItems" [bufferSize]="5"
|
|
568
|
+
<ng-virtual-list class="list" direction="horizontal" [items]="horizontalItems" [bufferSize]="5" [maxBufferSize]="20"
|
|
569
569
|
[itemRenderer]="horizontalItemRenderer" [itemSize]="54"></ng-virtual-list>
|
|
570
570
|
|
|
571
571
|
<ng-template #horizontalItemRenderer let-data="data" let-config="config">
|