Kendo Grid MVC示例 - 远程数据绑定

时间:2016-06-24 17:02:47

标签: javascript asp.net-mvc user-interface kendo-ui grid

我是使用Kendo UI Grid的新手。我正在查看MVC示例,并且无法弄清楚远程绑定示例如何将模型从控制器传递到视图:

控制器代码:

public partial class GridController : Controller
    {
        public ActionResult Remote_Data_Binding()
        {
            return View();
        }
    }

查看代码:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()    
    .Name("grid")
    .Columns(columns => {
        columns.Bound(p => p.OrderID).Filterable(false).Width(100);
        columns.Bound(p => p.Freight).Width(100);
        columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}").Width(140);
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.ShipCity).Width(150);
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Orders_Read", "Grid"))
     )
)

在视图代码中没有指定@model,并且在控制器中没有View方法中传递的模型。然后网格如何填充数据?

1 个答案:

答案 0 :(得分:0)

正如fruitbat所说,剑道使用ajax来填充网格。这都是在网格数据源中配置的。以下是一些值得查看的文档。

http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/configuration#read