Syncfusion.AspNetCore.Lists
34.1.31
Prefix Reserved
dotnet add package Syncfusion.AspNetCore.Lists --version 34.1.31
NuGet\Install-Package Syncfusion.AspNetCore.Lists -Version 34.1.31
<PackageReference Include="Syncfusion.AspNetCore.Lists" Version="34.1.31" />
<PackageVersion Include="Syncfusion.AspNetCore.Lists" Version="34.1.31" />
<PackageReference Include="Syncfusion.AspNetCore.Lists" />
paket add Syncfusion.AspNetCore.Lists --version 34.1.31
#r "nuget: Syncfusion.AspNetCore.Lists, 34.1.31"
#:package Syncfusion.AspNetCore.Lists@34.1.31
#addin nuget:?package=Syncfusion.AspNetCore.Lists&version=34.1.31
#tool nuget:?package=Syncfusion.AspNetCore.Lists&version=34.1.31
Syncfusion® ASP.NET Core Lists Component
A ListView component that displays a collection of items in various layouts and supports interaction patterns common in modern UIs. Includes support for hierarchical lists, selection, grouping, and virtualization.
Key Features
- Flat and nested (hierarchical) list rendering
- Single and multiple selection modes
- Checkbox selection with "Select All" support
- Grouping, sorting, and filtering of list items
- Custom item templates for rich layout customization
- Virtualization for high-performance rendering of large lists
- Pull-to-refresh for mobile scenarios
- Accessibility and keyboard navigation support
Common Setup
All Syncfusion ASP.NET Core controls share the same foundational setup steps:
1. Install NuGet Package
Install-Package Syncfusion.AspNetCore.Lists
2. Register Tag Helper
Add the following to ~/Pages/_ViewImports.cshtml or ~/Views/_ViewImports.cshtml:
@addTagHelper *, Syncfusion.AspNetCore.Lists
3. Add Stylesheet & Script References
In your layout file (~/Pages/Shared/_Layout.cshtml):
<head>
<link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />
<script src="_content/Syncfusion.AspNetCore.Lists/scripts/sf-list-view.min.js"></script>
</head>
4. Register Script Manager
In your layout file (~/Pages/Shared/_Layout.cshtml), At the end of your <body> tag:
<ejs-scripts></ejs-scripts>
Quick Start
Step 1: Create a Model
using System.Collections.Generic;
public class ListItem
{
public string Text { get; set; }
public string Id { get; set; }
}
Step 2: Create a PageModel
Create ~/Pages/Index.cshtml.cs:
using Microsoft.AspNetCore.Mvc.RazorPages;
using System.Collections.Generic;
public class IndexModel : PageModel
{
public List<ListItem> Items { get; set; } = new List<ListItem>
{
new ListItem { Id = "1", Text = "Item 1" },
new ListItem { Id = "2", Text = "Item 2" },
new ListItem { Id = "3", Text = "Item 3" },
new ListItem { Id = "4", Text = "Item 4" }
};
public void OnGet()
{
// Load list items
}
}
Step 3: Create the View
Create ~/Pages/Index.cshtml:
@page
@model IndexModel
<div class="container mt-5">
<h2>ListView Demo</h2>
<ejs-listview id="listview" dataSource="@Model.Items" fields="@(new { id = "Id", text = "Text" })" showCheckBox="true"></ejs-listview>
</div>
Step 4: Run the Application
Press Ctrl+F5 to run the application in your browser.
Documentation
Support
License
This is a commercial product and requires a paid license for possession or use. Review the Syncfusion® EULA
About Syncfusion®
Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:
Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
-
net8.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
-
net9.0
- Newtonsoft.Json (>= 13.0.4)
- Syncfusion.AspNetCore.Base (>= 34.1.31)
- Syncfusion.AspNetCore.Buttons (>= 34.1.31)
- Syncfusion.Licensing (>= 34.1.31)
NuGet packages (6)
Showing the top 5 NuGet packages that depend on Syncfusion.AspNetCore.Lists:
| Package | Downloads |
|---|---|
|
Syncfusion.AspNetCore.DropDowns
Syncfusion® ASP.NET Core DropDowns package provides a comprehensive set of dropdown input controls including DropDownList, ComboBox, AutoComplete, MultiSelect, ListBox, DropDownTree, and Mention. These controls support data binding from local and remote data sources, virtualization for large datasets, grouping, filtering, templates, cascading DropDowns, checkbox selection, tagging, and accessibility. They are designed to deliver a rich and consistent selection experience in forms and data-driven ASP.NET Core web applications. |
|
|
Syncfusion.AspNetCore.PdfViewer
Syncfusion® ASP.NET Core PDF Viewer control enables developers to embed a fully featured PDF viewing and annotation experience directly in web applications. It supports features like text selection and search, zoom, page navigation, bookmarks, thumbnails, form filling, digital signatures, annotation tools (sticky notes, highlight, underline, strikethrough, shapes, stamps, free text), and printing. The control renders PDFs natively in the browser without any third-party plugins and is ideal for document review, form submission, and content management scenarios in ASP.NET Core applications. |
|
|
Syncfusion.AspNetCore.Kanban
Syncfusion® ASP.NET Core Kanban Board is an agile project management control for visualizing and managing work items using a card-based, columnar layout. It supports features like swimlanes, WIP (Work In Progress) limits, drag-and-drop card movement, card templates, custom column headers, stacked headers, filtering, searching, sorting, dialog editing, and responsive design. It is ideal for agile sprint planning, task tracking, and project workflow management in ASP.NET Core applications. |
|
|
Syncfusion.AspNetCore.FileManager
Syncfusion® ASP.NET Core File Manager is a full-featured, web-based file explorer control that provides an interface for managing files and folders on the server. It supports operations like upload, download, cut, copy, paste, rename, delete, and folder creation. It offers both details view and large icons view, context menu, toolbar, breadcrumb navigation, drag-and-drop, multi-selection, file type icons, and search functionality. It integrates with physical file system, Azure Blob Storage, Amazon S3, and other providers, making it suitable for cloud-enabled ASP.NET Core applications. |
|
|
Syncfusion.AspNetCore.ImageEditor
Syncfusion® ASP.NET Core Image Editor is an interactive control for editing images directly in the browser. It supports cropping, resizing, rotating, flipping, applying filters (brightness, contrast, saturation, hue, blur, opacity), drawing shapes (lines, rectangles, ellipses, arrows), adding text annotations, inserting images, and freehand drawing. It provides undo/redo support, zoom, pan, and image export capabilities, making it ideal for image processing, photo editing, and annotation use cases in ASP.NET Core applications. |
GitHub repositories
This package is not used by any popular GitHub repositories.