kendo mvc网格将列表值的模型绑定分为两部分

Question

当我尝试使用Html.Kend（）。Grid（Data）将数据直接加载到kendo网格中时，如果我将它放在form标签中，则UI会分成两半

是否有解决此问题的解决方案

Answer 1

您可以发布网格代码吗？

我也有这个问题。 在我的情况下，容器ID与网格名称相同。

Answer 2

hi william here is the code the grid 


        @(Html.Kendo().Grid<iRPAS.Models.Covers.PolicyCoverDetail>(obj.listdetails)

        .Name("ElectricalAccessories")
                        .HtmlAttributes(new { style = "width: 100%;" })
                //style = "width: 480px; height: 115px;"
.Columns(columns =>
{

    //columns.Bound(p => p.PHIntField1).Width(50).Title("SlNo");
    columns.Bound(p => p.PHVarcharField4).Width(80).Title("Serial No");
    columns.Bound(p => p.PHVarcharField1).Width(100).Title("MakeModel");
    //columns.Bound(p => p.SumInsured).Width(150).ClientFooterTemplate("<Button onclick='ggg()'>GetSum</Button>");
    columns.Bound(p => p.PHVarcharField2).Width(100).Title("SumInsured");
    columns.Bound(p => p.PHVarcharField3).Width(100).Title("Description");
    columns.Command(command => { command.Edit(); command.Destroy(); }).Width(200);

})
           .ToolBar(toolbar =>
{
    toolbar.Create().Text("Add");

})
.Editable(editable => editable.Mode(GridEditMode.InLine))

.Sortable()
.Scrollable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax().ServerOperation(false)
.Batch(true)
.Model(model =>
    {
        model.Id(p => p.PHIntField1);

    }

)
                                 .Create(update => update.Action("EditingInline_Create", "Policy"))

                                                        .Update(update => update.Action("EditingInline_Update", "Policy"))
                                                .Destroy(update => update.Action("EditingInline_Destroy", "Policy")))

                                                                  .Events(e =>
                                                                  {
                                                                      e.Save("GetSumElectricalAccessories");
                                                                      e.Remove("EndRequest");
                                                                  })



        )