使用表格提交剑道网格

Question

我要提交包含以下内容的表单：

1. 文本框和其他编辑器等表单元素。
2. 剑道网格其中 是可编辑的。

如下图所示：

我的视图代码是：

@model ProjectName.ReferenceViewModel
@using (Html.BeginForm("MainDocumentSave", "Document", FormMethod.Post, new { @class="MainForm"}))
{
    <input type="text" name="ParentReferenceID" id="ParentReferenceID" value="@Model.ID"/>

    <input type="text" name="ParentReferenceName" id="ParentReferenceName" value="@Model.Name"/>



 @(Html.Kendo().Grid<Invoice.Models.ViewModels.ReferenceViewModel>()
                .Name("Reference")
                //.TableHtmlAttributes(new { style = "height:160px; " })
                .Columns(columns =>
                {
                    columns.Bound(p => p.ReferenceID).Hidden(true).ClientTemplate("#= ReferenceID#" + "<input type='hidden' class='ReferenceID' name='Reference[#= index(data)#].ReferenceID' value='#=ReferenceID#' />");
                    columns.Bound(p => p.ReferenceName).HeaderHtmlAttributes(new { title = "Reference Name" }).Title("Reference").Width(10).ClientTemplate("#= ReferenceName#" + "<input type='hidden' class='ReferenceName'name='Reference[#= index(data)#].ReferenceName' value='#=ReferenceName#' />");
                    columns.Bound(p => p.ReferenceDescription).HeaderHtmlAttributes(new { title = "Reference Description" }).Title("Description").Width(10).ClientTemplate("#= ReferenceDescription#" + "<input type='hidden' class='ReferenceDescription' value='#=ReferenceDescription#' />");
                    //columns.Bound(p => p.DefaultReferenceValue).Title("Value").Width(15).EditorTemplateName("ReferenceValidValue").HtmlAttributes(new { @class = "DefaultValue" }).ClientTemplate("#= DefaultReferenceValue#" + "<input type='hidden' class='DefaultReferenceValue' value='#=DefaultReferenceValue#' />");


                })
                .Editable(ed => ed.Mode(GridEditMode.InCell))
                .Navigatable()
                .HtmlAttributes(new { style="height:190px;"})
                .DataSource(dataSource => dataSource
                    .Ajax()
                    .Batch(true)
                    .ServerOperation(false)
                )
                )

}

这里的问题是，在提交表单时，我只能发布编辑器的值，而不能发布 Kendo Grid 的值。

如何发送所有值？

Answer 1

this 代码库文章中演示和解释了如何提交 Kendo Grid 模型和表单。

基本上，这个想法是，您必须为每一列指定一个模板，该模板具有一个隐藏输入，用于保存该项目的值。

Answer 2

请在以下链接中查看我的答案

如何将网格值发布到控制器操作。

Post Kendo Grid data to Controller in MVC

Answer 3

你不能访问模型而不是找到剑道网格吗？

尝试在控制器中获取 Invoice.Models.ViewModels.ReferenceViewModel，因为您已经绑定到 Kendo Grid。

Answer 4

发布集合时，例如表中的行，输入的每个名称都需要在名称上附加数组元素。

这里是渲染的 HTML，它会发布一个包含两个人的数组：

<form action="/Document/MainDocumentSave">
  <table>
    <tr>
      <input name="person.PersonID[0]" type="hidden">1</input>
      <input name="person.FirstName[0]" type="text">Bill</input>
    </tr>
    <tr>
      <input name="person.PersonID[1]" type="hidden">2</input>
      <input name="person.FirstName[1]" type="text">Bob</input>
    </tr>
  </table>
</form>

数组括号中的值必须是唯一的。集合中最简单的“唯一值”是数字：[0]、[1]、[2] 等。

我提到这一点的唯一原因是因为在从表中添加/删除行时，您可能会出现 [0]、[1]、[5]、[6] 等空白。您不需要这样做额外的逻辑以确保值是连续的。