剑道网格中的下拉列表与枚举相关联

本文关键字:枚举 关联 下拉列表 网格 | 更新日期: 2023-09-27 18:35:56

我在MVC工作,并使用Kendo作为我们的前端。我们有一个具有枚举值的模型。在我们的前端,我正在尝试生成一个剑道网格,并能够从网格中的下拉列表中修改枚举的值。

型:

public class TankModel:FieldDeviceModel
{
    //Other properties not shown
    public TankLevel Level { get; set; }
}

控制器:

public class FieldSimulationController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
   //Other methods not shown
    public ActionResult TanksTab()
    {
        return PartialView("Tanks");
    }
}

视图:

 @(Html.Kendo().Grid<TankModel>()
  .Name("TanksGrid")
  .Columns(maincolumns =>
  {
          maincolumns.ForeignKey(t => t.Level,
             new SelectList(EnumHelper.GetSelectList(
             typeof(TankLevel)))).EditorTemplateName("ClientLevel").Width(200);
      })
      .HtmlAttributes(new { style = "height: 550px; width:auto; text-align:center" })
      .Sortable()
      .Editable(editable => editable.Mode(GridEditMode.InCell))
      .Pageable(pageable => pageable
          .Refresh(true)
          .PageSizes(true)
          .ButtonCount(5))
      .DataSource(dataSource => dataSource
          .Ajax()
          .Batch(true)
          .Read(read => read
              .Action("Devices_Read", "FieldSimulation") // Set the action method which will return the data in JSON format
              .Data("GetTankType") // Specify the JavaScript function which will return the data
          )
          .Update(update => update.Action("Devices_Update", "FieldSimulation").Type(HttpVerbs.Post))
          .PageSize(20)
          .Model(model =>
          {
              model.Field(t => t.Level);
          })
      )
    )

现在,我正在使用剑道的外键列类型。这似乎没有给出任何错误,但网格没有显示下拉列表

我还尝试了 SO 中其他地方的解决方案,例如这里,网格中没有出现列的相同结果。

另外,我没有看到任何表明问题所在 JS 错误。

感谢您的时间和任何帮助。

剑道网格中的下拉列表与枚举相关联

我发现我有 2 个问题,这两个问题都很容易被忽视,但很容易解决。

我的第一个问题是我的外键列:

maincolumns.ForeignKey(t => t.Level,
             new SelectList(EnumHelper.GetSelectList(
             typeof(TankLevel)))).EditorTemplateName("ClientLevel").Width(200);

首先,我不需要创建一个new SelectList,因为 EnumHelper 已经返回了一个。我也从未指定网格应该使用什么作为其显示/值。因此,它从未填充过列。为了解决这个问题,我使用了 EnumHelper 返回的 SelectList 的 ValueText 属性。

maincolumns.ForeignKey(t => t.Level,
            EnumHelper.GetSelectList(
            typeof(TankLevel)).ToList(),"Value","Text").Width(200);

我还发现我的项目缺少所有剑道编辑器模板,包括 GridForeignKey 模板。通过将其包含在我的项目中,我能够删除.EditorTemplateName("ClientLevel")调用并仅使用默认编辑器模板