带有可编辑枚举列的Kendo MVC网格

本文关键字：Kendo MVC 网格 枚举 编辑 | 更新日期: 2023-09-27 18:01:31

我有一个简单的模型，需要在Kendo的MVC网格组件中显示和编辑。

public class MyModel
{
    public int Id {get; set;}
    public string SomeProperty {get; set;}
    public MyEnum MyEnum {get; set;}
}
public enum MyEnum
{
    FirstItem = 1,
    SecondItem = 2,
    ThirdItem = 3
}

我的网格设置如下：

@(Html.Kendo()
    .Grid<MyModel>()
    .Name("grid").Columns(columns =>
    {
        columns.Bound(o => o.SomeProperty).Width(200);
        columns.Bound(o => o.MyEnum).Width(200);
        columns.Command(command =>
        {
            command.Edit().Text("Edit");
        }).Width(220);
    })
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Batch(false)
        .ServerOperation(false)
        .Model(model =>
        {
            model.Id(p => p.Id);
            model.Field(p => p.SomeProperty);
            model.Field(p => p.MyEnum);
        })
        .Create(...) // removed for confidentiality
        .Read(...)
        .Update(...)
        .Events(...)
    ).Filterable()
  .Sortable())

执行编辑命令后，我在Update(...)中定义的控制器方法中接收更新的模型。

public virtual async Task<ActionResult> Update(
        [DataSourceRequest] DataSourceRequest request,
        MyModel myModel)

然而，无论我做什么，控制器中的myModel都有默认值MyEnum。即使我只将MyEnum设置为SecondItem的项目的SomeProperty更改为控制器中的FirstItem。这是通过查看POST请求来验证的，所以问题出现在网格中的某个地方，而不是服务器上。

如何进行正确的数据绑定以确保Kendo发送正确的MyEnum值？

带有可编辑枚举列的Kendo MVC网格

我也遇到了同样的问题。您应该为MyEnum属性使用EditorTemplate(Shared''EditorTemplates文件夹中的MyEnum.cshtml(：

@model MyEnum
@(Html.Kendo().DropDownListFor(m => m)
   .Name("MyEnum")
   .BindTo(EnumHelper.GetSelectList(Model.GetType()))
   .OptionLabel("Please select MyEnum"))

您需要在列上使用.ForeignKey()而不是绑定：

@(Html.Kendo()
    .Grid<MyModel>()
    .Name("grid").Columns(columns =>
    {
        columns.ForeignKey(o => o.MyEnum, ).EditorTemplateName("GridForeignKey").Width(200);
        // SNIP

然后在CCD_ 11中定义CCD_

@model object
@{
    var selectList = (SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"];
}
@Html.DropDownListFor(m => m, selectList, "Choose...")

通过这种方式，您可以在网格中获得下拉列表，并在POST时将正确的值输入控制器。

由于枚举对象属性与类型匹配，因此模型中可能存在冲突。建议你将其重命名为这样的名称，并尝试一下；

public class MyModel
{
    public int Id {get; set;}
    public string SomeProperty {get; set;}
    public MyEnum EnumProperty {get; set;}
}
相关文章：