1

我有以下情况:

@Html.EditorFor(m => m.Name)
@Html.EditorFor(m => m.Description)

@(Html.Telerik().Grid<ProductModel.ProductDataSampleModel>()
    .Name("productdatasample-grid")
    .DataKeys(keys => keys.Add(x => x.Id))
    .DataBinding(dataBinding => dataBinding.Ajax()
        .Select("ProductDataSampleList", "Product", new { productId = Model.Id })
        .Insert("ProductDataSampleInsert", "Product", new { productId = Model.Id })
        .Update("ProductDataSampleUpdate", "Product", new { productId = Model.Id })
        .Delete("ProductDataSampleDelete", "Product")
    )
    .Columns(columns =>
    {
        columns.Bound(x => x.Name);
        columns.Bound(x => x.Description);
        columns.Command(commands => { commands.Edit(); commands.Delete(); });
    })
    .ToolBar(commands => commands.Insert())
    .EnableCustomBinding(true))
)

如您所见,表单上有两个编辑字段NameDescription,网格中还有两个同名的编辑字段。表单上的每个字段都会创建一个输入元素,例如:

<input type="text" name="Name" id="Name" />
<input type="text" name="Description" id="Description" />

当我在网格中插入或编辑一行时,会创建另外两个具有相同名称和 ID 的文本框。名称不会是问题,但是在页面上具有相同 ID 的两个元素会产生各种混乱。

解决这个困境的正确方法是什么?

4

0 回答 0