KendoGridDemo | C# Online Compiler

KendoGridDemo by sbirthare

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{

}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
​
}

@(Html.Kendo().Grid<MyModel>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(c => c.Type);
        columns.Bound(c => c.Count);
        columns.Bound(c => c.Date);
    })
    .Filterable()
    .Pageable(pageable => pageable
        .Refresh(true)
        .PageSizes(true)
        .ButtonCount(10)
        .PageSizes(new[] { 20, 50, 100 }))
    .DataSource(ds => ds
        .Ajax()
        .Read(r => r.Action("GetGridData", "Home", new { code = 'code' }))
        .PageSize(20)
    )
)

View

 
@(Html.Kendo().Grid<MyModel>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(c => c.Type);
        columns.Bound(c => c.Count);
        columns.Bound(c => c.Date);
    })
    .Filterable()
    .Pageable(pageable => pageable
        .Refresh(true)
        .PageSizes(true)
        .ButtonCount(10)
        .PageSizes(new[] { 20, 50, 100 }))
    .DataSource(ds => ds
        .Ajax()
        .Read(r => r.Action("GetGridData", "Home", new { code = 'code' }))
        .PageSize(20)
    )
)

using System;
using System.Web.Mvc;
using System.Collections.Generic;
using Kendo.Mvc.Extensions;
using Kendo.Mvc.UI;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		public ActionResult GetGridData(
		[DataSourceRequest]
		DataSourceRequest request, string code = "")
		{
			var result = MyService.GetGridData(code);
			return Json(result.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
using Kendo.Mvc.Extensions;
using Kendo.Mvc.UI;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        public ActionResult GetGridData(
        [DataSourceRequest]
        DataSourceRequest request, string code = "")
        {
            var result = MyService.GetGridData(code);
            return Json(result.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
        }
    }
}

View in Full Screen

View IL Code