Syncfusion® ASP.NET MVC Lists package provides the ListView control for displaying flat and hierarchical data in a list format. It supports features like data binding from local and remote sources, grouping, filtering, sorting, virtualization for large data, multi-select, drag-and-drop reordering, nested lists, custom item templates, and checkbox selection. It is ideal for building mobile-friendly list views, navigation menus, and selection panels in ASP.NET MVC applications.
Install
No framework information available.
README
Syncfusion® ASP.NET MVC 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
These setup steps are required only once for your application, regardless of which Syncfusion components you use.
1. Install Base NuGet Package
Install-Package Syncfusion.AspNetMvc.Lists
2. Add Namespace Reference
Edit Web.config under the Views folder and add the Syncfusion.EJ2 namespace:
<namespaces>
<add namespace="Syncfusion.EJ2"/>
</namespaces>
3. Add Stylesheet & Script References
In your layout file (~/Views/Shared/_Layout.cshtml), add the following in the <head> section:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewBag.Title - Syncfusion Application</title>
<!-- Syncfusion ASP.NET MVC controls styles -->
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/34.2.4/fluent2.css" />
<!-- Syncfusion ASP.NET MVC controls scripts -->
<script src="https://cdn.syncfusion.com/ej2/34.2.4/dist/ej2.min.js"></script>
</head>
4. Register Script Manager
At the end of the <body> tag in your layout file (~/Views/Shared/_Layout.cshtml):
<body>
@RenderBody()
<!-- Syncfusion ASP.NET MVC Script Manager -->
@Html.EJS().ScriptManager()
</body>
Quick Start
Step 1: Add ASP.NET MVC Lists control
Add the Syncfusion® ASP.NET MVC Lists control ~/Views/Home/Index.cshtml page:
@model List<object>
@Html.EJS().ListView("listview")
.DataSource((IEnumerable<object>)Model)
.Render()
Step 2: Create controller ~/Controllers/HomeController.cs
public IActionResult Index()
{
//define the array of JSON
List<object> data = new List<object>();
data.Add(new { text= "Artwork", id= "01" });
data.Add(new { text= "Abstract", id= "02" });
data.Add(new { text= "Modern Painting", id= "03" });
data.Add(new { text= "Ceramics", id= "04" });
data.Add(new { text= "Animation Art", id= "05" });
data.Add(new { text= "Oil Painting", id= "06" });
return View(data);
}
Step 3: 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 MVC | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com
[email protected] | Toll Free: 1-888-9-DOTNET
Changes from Previous Version
Adoption Assessment
A verified publisher signal is available. Assess fit from the package's supported frameworks, license and dependency graph rather than popularity alone.
Related Guides & Workflows
Learn how to evaluate, integrate, or audit this package in your .NET project.