Skip to content

A quick start Blazor WebAssembly app that includes the Blazor ListView component from Syncfusion with its available options. This project contains simple code customizations, as well as some important features like how to bind different types of data, group list items, add checkboxes to a list, and add nested list items.

Notifications You must be signed in to change notification settings

SyncfusionExamples/create-blazor-listview-component-in-blazor-webassembly-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Create Blazor ListView In Blazor Webassembly App

The Blazor ListView is a list-like interface that allows you to select an item or multiple items. A quick start Blazor WebAssembly app that allows you to configure the Blazor ListView component from Syncfusion with its available options. This project contains simple code customizations, as well as some important features like how to bind different types of data, group list items, add checkboxes to a list, and add nested list items.

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Features and benefits

Virtualization or load on demand

The Blazor ListView supports UI virtualization to improve performance while loading huge amounts of data. This creates a fixed number of items irrespective of data volume and displays the relevant data instead of creating items.

Sortable list

Sort data programmatically in ascending or descending order. Also use custom sorting logic.

Group list

Group ListView data programmatically. You can identify a group name from group headers in the view. Also use custom sorting logic.

Multilevel ListView

The Blazor ListView represents a nested data object structure in a list of listview. The initial screen displays the first-level list items and next level will be displayed when interacting with it.

Selection

The ListBox provides support to select an item or a group of item by mouse or keyboard action.

Single selection

When a user clicks or taps an item, Blazor ListView enables the selection of the list item by default.

Checklist

The Blazor ListView Component supports multiple selection through check boxes on the right or left of the list items. This helps users select or clear a series of items without using the keyboard.

Manipulation

Users can disable the Blazor ListView selection by handling events. Preserve and restore the selected values in the ListView to help users continue their work from a previously saved state.

Multiline text ListView

Arrange the list item content with multiline text, icons, and avatars.

Related links

Learn More about Blazor ListView

Download Free Trial

Pricing

Documentation

View Demos

Community Forums

Suggest a feature or report a bug

Online examples

Knowledge Base

About Syncfusion Blazor Components

The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to ListView, we provide popular Blazor Components such as DataGrid, Charts, Scheduler, Diagram, and Word Processor.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 28,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1700+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, JavaScript, and .NET MAUI), and desktop development (WinForms, WPF, WinUI, Flutter, UWP, and .NET MAUI). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET

About

A quick start Blazor WebAssembly app that includes the Blazor ListView component from Syncfusion with its available options. This project contains simple code customizations, as well as some important features like how to bind different types of data, group list items, add checkboxes to a list, and add nested list items.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages