TSelect<T, V, K> class

A dropdown select field with search, pagination, and hierarchical support.

TSelect provides a powerful select component with:

• Single selection from a list of items
• Optional search/filtering
• Pagination for large datasets
• Server-side data loading
• Hierarchical/nested items
• Custom item rendering
• Validation support

Basic Usage

TSelect<String, String, String>(
  label: 'Country',
  items: ['USA', 'Canada', 'Mexico'],
  placeholder: 'Select a country',
  onValueChanged: (value) => print('Selected: $value'),
)

With Custom Objects

class User {
  final int id;
  final String name;
  User(this.id, this.name);
}

TSelect<User, int, int>(
  label: 'User',
  items: users,
  itemText: (user) => user.name,
  itemValue: (user) => user.id,
  onValueChanged: (userId) => print('Selected user ID: $userId'),
)

With Server-Side Loading

TSelect<Product, int, int>(
  label: 'Product',
  itemsPerPage: 10,
  itemText: (product) => product.name,
  itemValue: (product) => product.id,
  onLoad: (page, search) async {
    final response = await api.getProducts(page, search);
    return (response.items, response.hasMore);
  },
)

Type parameters:

• T: The type of items in the list
• V: The type of the selected value
• K: The type of the item key (for tracking selection)

See also:

• TMultiSelect for multiple selection
• TListController for managing list state