在基于下拉列表选择的Kendo MVC网格内联编辑时设置单元格的值,可以通过以下步骤实现:
下面是一个示例代码,演示如何在Kendo MVC网格内联编辑时设置单元格的值:
// 列定义
columns.Bound(p => p.Category).EditorTemplateName("DropDownList").Title("Category");
// 数据绑定配置
.DataSource(dataSource => dataSource
.Ajax()
.Model(model =>
{
model.Id(p => p.ProductID);
model.Field(p => p.Category).DefaultValue(ViewBag.Categories[0].Value);
})
.Read(read => read.Action("Products_Read", "Home"))
.Update(update => update.Action("Products_Update", "Home"))
)
// 事件处理程序
function onCategoryChange(e) {
var grid = $("#grid").data("kendoGrid");
var dataItem = grid.dataItem($(e.sender.element).closest("tr"));
dataItem.set("Category", e.sender.value());
}
在上述示例中,我们使用了一个名为"Category"的下拉列表编辑器,并为其指定了数据源和事件处理程序。当用户选择下拉列表中的一个值时,事件处理程序会将该值设置到相应单元格的"Category"字段中。
这是一个简单的示例,你可以根据实际需求进行修改和扩展。关于Kendo MVC网格的更多信息和配置选项,你可以参考腾讯云的Kendo UI产品文档:Kendo UI产品文档。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云