@page "/dropdown-virtualization"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DropDown virtualization using <strong>IQueryable</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Load large dropdown lists on demand for improved performance.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the <strong>Customers</strong> dropdown uses <code>AllowVirtualization="true"</code> with <code>IQueryable</code> binding to render only visible items in the dropdown list, improving performance with large datasets and filtering enabled.
</RadzenText>

<RadzenExample ComponentName="DropDown" Example="DropDownVirtualization">
    <DropDownVirtualization />
</RadzenExample>

<RadzenText Anchor="dropdown-virtualization#loaddata-event" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8 rz-mb-6">
    DropDown virtualization with <strong>LoadData</strong> event
</RadzenText>
<RadzenExample ComponentName="DropDown" Example="DropDownVirtualizationLoadData">
    <DropDownVirtualizationLoadData />
</RadzenExample>