Kendo UI Grid绑定与脚手架/ CRUD操作进行建模

时间:2014-11-19 10:13:47

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

首先,我是Kendo UI /客户端代码的完全新手。

我习惯使用标准MVC脚手架来显示我的表格(实体优先):

  +------------------------------------+
  | +--------------------------------+ |
  | |___ID___|__Name_|__price_|______| |
  | |        |       |        |CRUD  | |
  | |        |       |        |      | |
  | |        |       |        |      | |
  | |        |       |        |      | |
  | |        |       |        |      | |
  | +--------+-------+--------+------+ |
  +------------------------------------+

CRUD部分显示:

@Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
@Html.ActionLink("Details", "Details", new { id=item.ID }) |
@Html.ActionLink("Delete", "Delete", new { id=item.ID })

然而,就剑道网格而言,我不知道如何将其行动纳入其中。

即。我打算如何“添加”他们的内联或(最好)pop up编辑?

我的模型是一个数据库表:

@model IEnumerable<ProjectName.Models.TableName>

我目前正在为表提供ID并使用以下脚本:

<script>
    $(document).ready(function () {
        $('#myTablesID').kendoGrid({
            scrollable: true,
            sortable: true,
            groupable:true,
            pageable: true,
            selectable: "row",
            filterable: true,
            resizable: true,
            dataSource: { pageSize: 10 }
        });
    });
</script>

在Kendo Grid中是否存在使用MVC脚手架和弹出编辑的“标准”方式?

1 个答案:

答案 0 :(得分:0)

此链接中的HTML5 / Javascript源代码是一个非常好的起点。 http://demos.telerik.com/kendo-ui/grid/editing-popup

您必须设置匹配的控制器操作。 请参阅ASP.NET MVC源代码部分中的Editing_PopupController.cs示例