TMultiSelect<T, V, K> class

A multi-select dropdown field with search and tags support.

TMultiSelect combines a list selection UI with a tag-based input field. It supports:

  • Multiple item selection
  • Search/Filtering
  • Displaying selected items as tags
  • Async loading of items
  • Custom item rendering

Basic Usage

TMultiSelect<String, String, String>(
  label: 'Select Fruits',
  items: ['Apple', 'Banana', 'Orange'],
  onValueChanged: (selected) => print(selected),
)

With Custom Objects

TMultiSelect<User, String, String>(
  label: 'Assign Users',
  items: users,
  itemText: (user) => user.name,
  itemValue: (user) => user.id,
  onValueChanged: (ids) => updateUserAssignments(ids),
)

Type parameters:

  • T: The type of the item object
  • V: The type of the value to return (e.g. ID)
  • K: The type of the key used for uniqueness
Inheritance
Mixed-in types

Constructors

TMultiSelect({Key? key, String? label, String? tag, String? helperText, String? placeholder, bool isRequired = false, bool disabled = false, bool autoFocus = false, TTagsFieldTheme? theme, VoidCallback? onTap, FocusNode? focusNode, TTagsController? textController, List<V>? value, ValueNotifier<List<V>?>? valueNotifier, ValueChanged<List<V>?>? onValueChanged, List<String? Function(List<V>?)>? rules, Duration? validationDebounce, TListTheme? listTheme, List<T>? items, int? itemsPerPage = 6, String? search, int? searchDelay, TLoadListener<T>? onLoad, TListController<T, K>? controller, VoidCallback? onShow, VoidCallback? onHide, bool filterable = true, ItemTextAccessor<T>? itemSubText, ItemTextAccessor<T>? itemImageUrl, ItemChildrenAccessor<T>? itemChildren, TListCardTheme? cardTheme, ItemValueAccessor<T, V>? itemValue, ItemTextAccessor<T>? itemText, ItemKeyAccessor<T, K>? itemKey, bool? readOnly, ValueChanged<String>? onInputChanged})
const

Properties

addTagOnEnter bool
Whether to add a tag when Enter is pressed.
no setteroverride
alignment TPopupAlignment
Preferred alignment of the popup.
no setterinherited
allowDuplicates bool
Whether to allow duplicate tags.
no setteroverride
autoFocus bool
Whether the field should autofocus.
final
cardTheme TListCardTheme?
final
controller TListController<T, K>?
The controller managing the list state.
final
delimiters List<String>
List of delimiters that trigger tag creation.
no setteroverride
disabled bool
Whether the field is disabled.
final
filterable bool
Whether to show a search bar in the dropdown.
final
focusNode FocusNode?
Custom focus node.
final
hashCode int
The hash code for this object.
no setterinherited
helperText String?
The helper text.
final
isRequired bool
Whether the field is required.
final
itemChildren ItemChildrenAccessor<T>?
final
itemImageUrl ItemTextAccessor<T>?
final
itemKey ItemKeyAccessor<T, K>?
Function to extract a unique key from an item.
final
items List<T>?
The list of items to display.
final
itemsPerPage int?
The number of items to display per page.
final
itemSubText ItemTextAccessor<T>?
final
itemText ItemTextAccessor<T>
final
itemValue ItemValueAccessor<T, V>?
final
key Key?
Controls how one widget replaces another widget in the tree.
finalinherited
label String?
The label text.
final
listTheme TListTheme?
final
offset double
Offset from the target widget.
no setterinherited
onHide VoidCallback?
Callback when popup hides.
final
onInputChanged ValueChanged<String>?
Callback fired when the text input changes.
final
onLoad TLoadListener<T>?
Callback for loading items from a server.
final
onShow VoidCallback?
Callback when popup shows.
final
onTap VoidCallback?
Callback for tap events.
final
onValueChanged ValueChanged<List<V>?>?
Callback fired when the value changes.
final
placeholder String?
Placeholder text.
final
readOnly bool
Whether the field is read-only.
final
rules List<String? Function(List<V>?)>?
List of validation rules.
final
runtimeType Type
A representation of the runtime type of the object.
no setterinherited
The current search query.
final
searchDelay int?
Debounce delay for search in milliseconds.
final
tag String?
The tag text (optional).
final
textController TTagsController?
Custom text controller.
final
theme TTagsFieldTheme?
Custom theme.
final
validationDebounce Duration?
Debounce duration for validation trigger.
final
value List<V>?
The initial value.
final
valueNotifier ValueNotifier<List<V>?>?
A ValueNotifier for two-way binding.
final

Methods

createElement() StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() State<TMultiSelect<T, V, K>>
Creates the mutable state for this widget at a given location in the tree.
override
debugDescribeChildren() List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) String
Returns a one-line detailed description of the object.
inherited
toStringShort() String
A short, textual description of this widget.
inherited
validateValue(List<V>? value) List<String>
Validates the given value against the rules.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited