SortableList

This documentation provides a comprehensive reference for the SortableList component, guiding you through its configuration options.
Demos

Screenshot #

Blazor SortableList Component

Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object>? null Gets or sets additional attributes that will be applied to the component. 1.0.0
AllowSorting bool True Gets or sets a value indicating whether sorting is allowed for the list. 2.2.0
ChildContent RenderFragment? null Gets or sets the content to be rendered within the component. 2.2.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Data List<TItem?>? null Gets or sets the items. 2.2.0
DisabledItemCssClass string? null Gets or sets the CSS class applied to disabled items. 2.2.0
DisableItem Func<TItem?, bool>? null Gets or sets a delegate that determines whether an item should be disabled. 2.2.0
EmptyDataTemplate RenderFragment? null Gets or sets the empty data template. 2.2.0
EmptyText string No records to display Gets or sets the text to display when there are no records in the list. 2.2.0
Group string? null Gets or sets the group name associated with the list. 2.2.0
Handle string? null Gets or sets the CSS selector for the drag handle element. 2.2.0
Id string? null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
IsLoading bool False Gets or sets the loading state. 2.2.0
ItemTemplate RenderFragment<TItem?>? null Gets or sets the template used to render individual items in the list. 2.2.0
LoadingTemplate RenderFragment null Gets or sets the loading template. 2.2.0
Name string? null Gets or sets the name of the SortableList{TItem} component. 2.2.0
Pull SortableListPullMode True Gets or sets the pull mode for the sortable list. 2.2.0
Put SortableListPutMode True Gets or sets the put mode for the sortable list. 2.2.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0

Events #

Name Return Type Description Added Version
OnAdd EventCallback<SortableListEventArgs> Gets or sets an event callback that fires when an item is added to the list. 2.2.0
OnRemove EventCallback<SortableListEventArgs> Gets or sets an event callback that fires when an item is removed from the list. 2.2.0
OnUpdate EventCallback<SortableListEventArgs> Gets or sets an event callback that fires when an item is updated in the list. 2.2.0
If you like Blazor Bootstrap, give it a star on GitHub!
Blazor Bootstrap Blazor Bootstrap
  • Designed and built with all the love in the world by the Blazor Bootstrap team with the help of our contributors.
  • Code licensed Apache License 2.0.
  • Currently v4.0.0.
  • Powered by .NET 10.0.0
Links
Guides
Community
Other Libraries

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.