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");
                                                                  })



        )