窗口数据源读取中的Kendo MVC网格

时间:2013-06-12 18:08:07

标签: asp.net-mvc grid kendo-ui datasource

我正在尝试在MVC的kendo窗口中填充一个kendo网格,但我无法找到错误。创建窗口,并在窗口中创建网格...但是从不调用DataSource的Read方法。

窗口:

@{    
Html.Kendo().Window()
           .Name("DListing")
           .Title("Listing")
           .Draggable()
           .Resizable()
           .Width(1000)
           .Height(500)
           .Visible(true)
           .Modal(true)
           .Actions(actions => actions
                .Maximize()
                .Close())
           .LoadContentFrom("Dispatch", "Listing", new { Number = @ViewBag.Number })
           .Render();}

Listing控制器中的Dispatch方法返回包含网格的部分视图。

网格:

 @(Html.Kendo().Grid(Model)
        .Name("Grid")
        .Events(events => events.Change("onChange"))
        .HtmlAttributes(new { style = "height:400px;" })
        .Columns(columns =>
        {
            columns.Bound(p => p.Number);
            columns.Bound(p => p.DateTime).Format("{0:MM/dd/yyyy hh:mm tt}");
            columns.Bound(p => p.Location);
            columns.Bound(p => p.Name);
            columns.Bound(p => p.Elapsed_Hours);

        })
        .Groupable()
        .Pageable(pageable => pageable
            .Numeric(false)
            .Input(true)
            .PageSizes(new[] { 5, 10, 25 }))
        .Sortable()
        .Scrollable(scrollable => scrollable
            .Virtual(true))
        .Filterable()
        .Selectable(selectable => selectable
            .Mode(GridSelectionMode.Multiple))
        .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(13)
            .Sort(sort => { sort.Add(p => p.DateTime).Descending(); })
            .Model(model => { model.Id(p => p.Number); })
            .Read(read => read.Action("Listing_Read", "Listing", new { Number = @ViewBag.Number })))
        )

Listing_Read方法:

    public ActionResult Listing_Read([DataSourceRequest] DataSourceRequest request, int Number)
    {
        return Json(GetListing(branchNumber).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
    }

此外,应该注意的是,我经历并验证了视窗包数据可用于窗口以及稍后在网格中。

对于更多回信息,我最初在它自己的页面上有网格,它能够调用read方法并填充数据而没有任何问题。移动它到窗口填充后,这成为一个问题。

监视http请求,网格永远不会尝试调用read方法(因此请求不会失败)。我尝试在加载窗口后手动刷新数据源,这可能会强制调用,但这也不会调用read方法。

我已经在这个问题上抓了几个小时,现在尝试不同的事情,希望有人能发现问题所在:)

1 个答案:

答案 0 :(得分:1)

这对我有用:

1)查看(〜/ Views / Home / Index.cshtml)

@(Html.Kendo().Window()
  .Name("myWindow")
  .Title("Title")
  .Actions(actions => actions.Pin().Minimize().Maximize().Close())
  //.Content(Html.Partial("gridCat").ToHtmlString())
  .LoadContentFrom("Load_gridCat", "Home")

2)部分视图(〜/ Views / Shared / gridCat.cshtml)

@(Html.Kendo().Grid<TelerikMvcApp1.Models.Category>()
  .Name("CategoriesGrid")
  .Columns(columns =>
  {
     columns.Bound(c => c.CategoryID).Title("Category").Width("10%");
     columns.Bound(c => c.CategoryName);
     columns.Bound(c => c.Description);
  })
  .Filterable()
  .Pageable()
  .Sortable()
  .Scrollable()
     .DataSource(dataSource => dataSource
     .Ajax()
     .Model(model => model.Id(p => p.CategoryID))
     .Read(r => r.Action("Categories_Read", "Home"))
  )
  .HtmlAttributes(new { style = "height:250px" })

3)控制器(〜/ Controllers / HomeController.cs)

public ActionResult Load_gridCat()
{
   return PartialView("gridCat");
}

public ActionResult Categories_Read([DataSourceRequest]DataSourceRequest request)
{
   using (var ctx = new NWindContext())
   {
      IQueryable<Category> categories = ctx.Categories;

      DataSourceResult result = categories.ToDataSourceResult(request);
      return Json(result, JsonRequestBehavior.AllowGet);
   }
}