Home Docs Gallery Fiddle
versionCodeSandbox

Documentation

IntroConceptsWidgetsChartsExamples
Form
Validation OptionsCustom Lookup BindingsInfinite Lookup ListLookup Options FilterLookup Options GroupingMulti File Upload
Form
List
Grouping
List
Grid
Searching and FilteringPaginationMultiple SelectionGroupingDynamic GroupingColumn ResizingColumn ReorderingFixed ColumnsComplex HeadersHeader MenuForm EditingInline EditingCell EditingRow EditingRow ExpandingRow Drag & DropBufferingInfinite ScrollingTree GridStateful Tree GridDynamic Columns
Grid
Charts
Complex LabelsCalculated HeightStacked Line ChartBullet ChartMulti-level Pie ChartBars + Grid SelectionStacked BarsTimelineColumn + Grid SelectionNormalized ColumnsStacked ColumnsAuto-sized ColumnsScrollable Bars
Charts
Report Edit

Infinite Lookup List

Sometimes, the list in the lookup is long that it's not possible to load all options and display them at once. In that situation, it's best to use the infinite flag. When infinite is set, the LookupField changes the behavior slightly. The onQuery method receives additional parameters such as page and pageSize. The scroll is monitored so that additional pages are loaded once it reaches near the end.

Options such as pageSize, queryDelay and minQueryLength can be used to additionally tweak the behavior towards the server.

 
ControllerIndex
<LookupField
    label="Infinite Lookup List"
    records-bind="$page.selectedCities"
    onQuery="onQuery"
    multiple
    infinite
    pageSize={100}
    queryDelay={200}
    minQueryLength={2}
    alwaysShowClear
/>
Copied!Cx Fiddle