【问题标题】:Kendo grid doesn't show any data剑道网格不显示任何数据
【发布时间】:2014-07-01 14:53:23
【问题描述】:

我第一次尝试使用剑道网格:这是网格的代码:

@model IEnumerable<SustIMS.Models.ModelTest>

<div id="grid">
    @(Html.Kendo().Grid(Model)
        .Name("datagrid")
        .Columns(columns =>
        {
            columns.Bound(c => c.Genre).Width(140);
            columns.Bound(c => c.Title).Width(190);
            columns.Bound(c => c.ReleaseDate);
            columns.Bound(c => c.Price).Width(110);
        })
        .HtmlAttributes(new { style = "height: 90%;" })
        .Scrollable()
        .Sortable()
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("Show", "MasterData"))
        )
    )
</div>

这将显示没有任何数据的网格。我已经创建了一个测试模型,并试图在控制器中添加这样的数据:

public ActionResult Show()
{
    var list = new List<ModelTest>();
    list.Add(new ModelTest { Title = "A Title", Price = 10.5m, ReleaseDate = DateTime.Now, ID = 1, Genre = "zz" });
    list.Add(new ModelTest { Title = "B Title", Price = 11.5m, ReleaseDate = DateTime.Now, ID = 2, Genre = "zzzzzz" });

    return Json(list);
}

这不会在网格中显示任何数据。我怎样才能将数据传递给它?它必须来自模型还是可以以自定义方式添加?

【问题讨论】:

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


    【解决方案1】:

    试试这个:

    public ActionResult Show([DataSourceRequest] DataSourceRequest request)
        {
            var list = new List<ModelTest>();
            list.Add(new ModelTest { Title = "A Title", Price = 10.5m, ReleaseDate = DateTime.Now, ID = 1, Genre = "zz" });
            list.Add(new ModelTest { Title = "B Title", Price = 11.5m, ReleaseDate = DateTime.Now, ID = 2, Genre = "zzzzzz" });
    
            return Json(list.ToDataSourceResult(request));
        }
    

    然后把它放到你的控制器中:

    using Kendo.Mvc.Extensions;
    

    【讨论】:

    • 这对我有帮助,但我也需要using Kendo.Mvc.UI; 谢谢!
    猜你喜欢
    • 1970-01-01
    • 2015-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-12
    • 1970-01-01
    相关资源
    最近更新 更多