简单的kendo网格实现

时间:2013-02-05 14:05:44

标签: jquery asp.net-mvc kendo-grid

我正在尝试使用HtmlHelper扩展程序实现Kendo Grid

我的控制器类是'Store',view是'viewStores'和我试图使用'StoreRead'方法绑定的数据。我正在使用visual studio 2012,.net 4.5和mvc 4以及razor ......

这是我的代码..

   public ActionResult viewStores()
{
   //return View(GetStores());
    return View();
}

public ActionResult StoreRead([DataSourceRequest] DataSourceRequest request)
 {
    return Json(GetStores().ToDataSourceResult(request));
 }

private static IEnumerable<Store> GetStores()
{
    var db_store = new AppContext();

    return db_store.Stores.Select(store => new Store
    {
        storeID = store.storeID,
        address = store.address,
        postcode = store.postcode,
        city = store.city,
        Country = store.Country
    });

}

视图

@model KendoAspNetBundles.Models.Store

<h2>viewStores</h2>

@(Html.Kendo().Grid<KendoAspNetBundles.Models.Store>()
  .Name("Grid")
  .Columns(columns =>
{
columns.Bound(s => s.storeID);
columns.Bound(s => s.address);
columns.Bound(s => s.postcode);
columns.Bound(s => s.city);
columns.Bound(s => s.Country);
})
 .DataSource(dataSource => dataSource
   .Ajax() 
   .Read(read => read.Action("StoreRead", "Store")) 
 )
.Pageable()
 )

模型

 public class Store
 {
   public int storeID { get; set; }
   public string address { get; set; }
   public string postcode { get; set; }
   public string city { get; set; }
   public string Country { get; set; }
  }

0 个答案:

没有答案
相关问题