剑道网格中的下拉列表与枚举相关联
本文关键字:枚举 关联 下拉列表 网格 | 更新日期: 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 的 Value
和 Text
属性。
maincolumns.ForeignKey(t => t.Level,
EnumHelper.GetSelectList(
typeof(TankLevel)).ToList(),"Value","Text").Width(200);
我还发现我的项目缺少所有剑道编辑器模板,包括 GridForeignKey 模板。通过将其包含在我的项目中,我能够删除.EditorTemplateName("ClientLevel")
调用并仅使用默认编辑器模板