KendoGridBinderEx Save

This is a ModelBinder designed to consume an http request and build a json serializable object for the Kendo UI Grid datasource. AutoMapper is used to support mapping from ViewModel <> Entity.

Project README

Information on NuGet

In February 2022 Progress Software Corporation ("PSC") has obtained from NuGet Prefix reservations for a number of its trademarks/product names, including Kendo.

Since my NuGet packages use the "Kendo" prefix, PSC is hereby requesting that I either rename the package in a way that makes it clear to consumers that this is not a Progress Software Corporation product or delist the package from the nuget.org site altogether.

So for now (February 2022) I decided to unlist the NuGet.

When I have time, I'll create new NuGet packages. Probably like:

  • GridBinder.for.Kendo (rather than KendoGridBinder)
  • GridBinderEx.for.Kendo (rather than KendoGridBinderEx)
  • GridBinder.AspNetCore.for.Kendo (rather than KendoGridBinder.AspNetCore)

Kind regards, Stef Heyenrath

KendoGridBinder

Build status

Versions

NuGet Frameworks NuGet
KendoGridBinder .NET 4.5 NuGet Badge
KendoGridBinder.AspNetCore .NET 4.6.1
NETStandard 1.6
NETStandard 2.0
NuGet Badge

Demo

A live demo can be found here.

Action Method

[HttpPost]
public JsonResult Grid(KendoGridMvcRequest request)
{
    var employees = new List<Employee>
    {
        new Employee { EmployeeId = 1, FirstName = "Bill", LastName = "Jones", Email = "[email protected]" },
        new Employee { EmployeeId = 2, FirstName = "Rob", LastName = "Johnson", Email = "[email protected]" },
        new Employee { EmployeeId = 3, FirstName = "Jane", LastName = "Smith", Email = "[email protected]" }
    };

    var grid = new KendoGridEx<Employee, EmployeeVM>(request, employees.AsQueryable());
    return Json(grid);
}

HTML

<div id="grid"></div>

Script

<script>
    var url = '@Url.Action("Grid")';

    var dataSource = {
        serverPaging: true,
        serverSorting: true,
        serverFiltering: true,
        pageSize: 20,
        transport: {
            read: {
                type: 'post',
                dataType: 'json',
                url: url
            }
        },
        schema: {
            data: 'Data',
            total: 'Total',
            model: {
                id: 'Id',
                fields: {
                    FirstName: { type: 'string' },
                    LastName: { type: 'string' },
                    Email: { type: 'string' }
                }
            }
        }
    };

    $('#grid').kendoGrid({
        dataSource: dataSource,
        height: 400,
        columns: [
            { field: 'FirstName', title: 'First Name' },
            { field: 'LastName', title: 'Last Name' },
            { field: 'Email' }
        ],        
        filterable: true,
        sortable: true,
        pageable: true
    });
</script>
Open Source Agenda is not affiliated with "KendoGridBinderEx" Project. README Source: StefH/KendoGridBinderEx
Stars
54
Open Issues
10
Last Commit
6 months ago
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating