如何将telerik网格绑定到控制器操作

时间:2016-01-07 16:31:13

标签: c# asp.net asp.net-mvc asp.net-mvc-3 telerik-grid

以下代码在浏览器中返回JSON数据,但不显示telerik mvc网格。

public class TipoDeCanalesController : GenericController
{
    private UnitOfWork unitOfWork = new UnitOfWork();

    // GET: TipoDeCanales
    public ActionResult Index([DataSourceRequest] DataSourceRequest request)
    {
        return Json(unitOfWork.TipoDeCanalRepository.Get(),JsonRequestBehavior.AllowGet);
    }

和视图

@model IEnumerable<powerdata.comisiones.models.tipodecanal>

    @{
        ViewBag.Title = "Index";
    }

    <h2>Index</h2>

    @(Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.ID);
        columns.Bound(p => p.Nombre).Title("Nombre");
        columns.Bound(p => p.Descripcion).Title("Descripcion");
    })
    .ToolBar(toolbar => toolbar.Create())
    .Editable(editable => editable.Mode(GridEditMode.PopUp))
    .Pageable()
    .Sortable()
    .Scrollable(scr => scr.Height(430))
    .Filterable()
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.ID))
        .Create(update => update.Action("EditingPopup_Create", "Grid"))
        .Read(read => read.Action("Index", "Grid"))
        .Update(update => update.Action("EditingPopup_Update", "Grid"))
        .Destroy(update => update.Action("EditingPopup_Destroy", "Grid"))
     )
    )
    %>
    <script type="text/javascript">
        function error_handler(e) {
            if (e.errors) {
                var message = "Errors:\n";
                $.each(e.errors, function (key, value) {
                    if ('errors' in value) {
                        $.each(value.errors, function () {
                            message += this + "\n";
                        });
                    }
                });
                alert(message);
            }
        }
    </script>

1 个答案:

答案 0 :(得分:0)

我有这个问题。

当你使用超过1个jquery库时,它会发生。只需添加一个jquery库。

更改返回结果像这样:

return Json(result.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

sory我可以添加评论。