Wie binden Sie das Kendo-Raster in asp.net MVC 4 Razor

Habe ich erstellen asp.net MVC 4-Anwendung, wo ich bin mit dem entity framework und der Klasse "Daten" ist das Modell.

AdventureWorksTrainingEntities _dbContext = new AdventureWorksTrainingEntities();
Data _data = new Data();  //Model

Nun möchte ich die Daten anzeigen, die der Tabelle zu der die kendo-raster. Im controller verwende ich den folgenden code:

 public ActionResult Index()
        {
           List<Movie> dataForGrid= _dbContext.Movies.ToList();
           return View(dataForGrid);
        }

Nun habe ich keine Idee für die Anzeige der Daten in die Kendo-Raster (ich bin neu in kendo und MVC). Ich habe auch versucht, die folgenden aber nicht funktioniert:

@model   IEnumerable<MvcApp.Models.Data>
@using Kendo.Mvc.UI 
@{
    ViewBag.Title = "Index";
}

<h2>Grid For Data</h2>
Html.Kendo().Grid<Order>()
    .Name("Grid")
    .DataSource(dataSource => dataSource //Not implemented
)
InformationsquelleAutor Bhupendra Shukla | 2013-08-27
  1. 12

    Endlich Antwort:

    Anzeigen:

    @(Html.Kendo().Grid<KendoUI.Models.EmployeeViewModel>()
            .Name("Grid")
            .Columns(columns =>
            {
                columns.Bound(p => p.name).Title("Name");
                columns.Bound(p => p.gender).Title("Gender");
                columns.Bound(p => p.designation).Title("Designation").Width("300px");
                columns.Bound(p => p.department).Title("Department").Width("300px");
            })

            .Editable(editable => editable.Mode(GridEditMode.InLine))
            .Navigatable() 
            .Pageable()
            .Sortable()
            .Scrollable()
            .DataSource(dataSource => dataSource //Configure the grid data source
            .Ajax()
            .Model(model =>
            {
                model.Id(x => x.id);
            })
                .Read(read => read.Action("Employee_Read", "Home")) //Set the action method which will return the data in JSON format  
             )
            )

    Controller:

     public ActionResult Employee_Read([DataSourceRequest]DataSourceRequest request)
        {
            IQueryable<Bhupendra_employees> Details = _dbContext.Bhupendra_employees;
            DataSourceResult result = Details.ToDataSourceResult(request, p => new EmployeeViewModel
                    {
                        id = p.id,
                        name = p.name,
                        gender = p.gender,
                        designation = p.designation,
                        department = p.Bhupendra_Dept.Dept_Description
                    });
            return Json(result, JsonRequestBehavior.AllowGet);
        }

    Modell:

    public class EmployeeViewModel
    {
        public Int32 id { get; set; }
        public String name { get; set; }
        public String gender { get; set; }
        public String designation { get; set; }
        public String department { get; set; }
        //public DateTime dob { get; set; }
    }
    • was ist, wenn diese dieselbe ist in jquery der Initialisierung?
    InformationsquelleAutor Bhupendra Shukla
  2. 5

    wenn der controller-name-ist-Daten können Sie dann die folgenden

    Ihrem Modell

     public ActionResult ReadDegrees([DataSourceRequest] DataSourceRequest request)
    {
        ViewBag.Countries = CommonController.CountryList();
        ViewBag.DegreeTypes = CommonController.DegreeTypeList();
        using (var _dbContext= new AdventureWorksTrainingEntities ())
        {
            return Json(_dbContext.Movies.ToList.ToDataSourceResult(request));
        }
    }

    Ihre Ansicht
    Nur müssen Sie den folgenden, vorausgesetzt, dass Ihr Modell hat einen Schlüssel namens " ID

    Html.Kendo().Grid<Order>()
.Name("Grid")
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .Model(model => model.Id(p => p.ID))
    .Read(read => read.Action("ReadDegrees", "Data"))))
    • .Read(read => read.Action("Index", "Data")))) ich denke, statt index es sollte ReadDegrees?
    • ja du hast Recht
    • ich bin immer Fehler auf Html.KendoGrid Htmlhelper enthält keine definition des Begriffs "Kendo" ..aber ich habe Referenz Hinzugefügt von Kendo.MVC.dll im web.in der config von beiden Sicht-sowie Projekt auch. Sie wussten, wie zu entfernen error.
    InformationsquelleAutor Monah
Schreibe einen Kommentar