Is there the best method to dynamic load options for ui.select?

[italanchan]

Our case is provide the customer lists for ui.select (over 1M records),
Is there the best method to dynamic load options for ui.select?

[rodja]

Interesting problem. Maybe something similar to this

from nicegui import ui, events

@ui.page('/')
def index():
    def handle_typing(e: events.GenericEventArguments):
        nonlocal query
        query += e.args['data']
        selection.options = [f'{query} {i}' for i in range(10)]
        selection.update()

    def handle_blur():
        nonlocal query
        query = ''

    query = ''
    selection = ui.select(options=[], with_input=True,
                          on_change=lambda: ui.notify(selection.value)) \
        .on('input', handle_typing).on('blur', handle_blur)

ui.run()

In handle_typing you could do database queries (instead of generating options with range(10)...