Telerik MVC Grid：通过下拉列表更新不可编辑字段的问题

我来给你梳理下怎么搞定这个需求——让A、B、C、D字段完全由下拉列表的值驱动，同时禁止用户手动编辑这些字段：

第一步：把目标字段设置为不可编辑 #

首先在Grid的列配置里，明确把A、B、C、D字段标记为不可编辑，这样Telerik就不会为这些字段生成编辑器，用户自然没法手动修改：

.Columns(columns => {
    // 你的下拉列表字段，绑定编辑器模板
    columns.Bound(p => p.DropdownField)
           .EditorTemplateName("YourDropdownEditorTemplate");
    
    // 把需要联动的字段设为不可编辑
    columns.Bound(p => p.FieldA).Editable(false);
    columns.Bound(p => p.FieldB).Editable(false);
    columns.Bound(p => p.FieldC).Editable(false);
    columns.Bound(p => p.FieldD).Editable(false);
    
    // 其他列配置...
})

第二步：完善下拉列表的EditorTemplate #

确保你的下拉列表编辑器模板绑定了Select事件，这样选中值时能触发我们的联动逻辑：

@(Html.Kendo().DropDownList()
    .Name("DropdownField")
    .DataSource(ds => ds.Read(r => r.Action("GetDropdownOptions", "YourController")))
    .DataTextField("DisplayText")
    .DataValueField("Value")
    .Events(e => e.Select("ddl_OnSelect")) // 绑定选中事件
)

第三步：修改OnSelect事件逻辑，实现字段联动 #

在你的ddl_OnSelect函数里，我们需要找到当前编辑的Grid行，然后把下拉选中项的对应值赋值给A、B、C、D字段，同时确保Grid的数据源能同步这些值：

function ddl_OnSelect(e) {
    // 获取下拉选中的数据项
    var ddlDataItem = this.dataItem(e.item);
    
    // 获取当前的Grid实例
    var grid = $("#YourGridId").data("kendoGrid");
    // 定位到正在编辑的行（Telerik会给编辑行加k-grid-edit-row类）
    var editRow = grid.tbody.find(".k-grid-edit-row");
    // 获取该行对应的数据源项
    var rowDataItem = grid.dataItem(editRow);
    
    // 把下拉选中项的值赋值给目标字段
    rowDataItem.set("FieldA", ddlDataItem.FieldAValue);
    rowDataItem.set("FieldB", ddlDataItem.FieldBValue);
    rowDataItem.set("FieldC", ddlDataItem.FieldCValue);
    rowDataItem.set("FieldD", ddlDataItem.FieldDValue);
    
    // 刷新编辑行，让页面显示最新的赋值结果
    grid.refreshRow(editRow);
}

关键细节说明： #

• 用rowDataItem.set()方法赋值，而不是直接修改属性，这样能触发Telerik Grid的数据源变更事件，确保提交表单时这些值能被正确发送到后台。
• 调用grid.refreshRow(editRow)是因为这些字段不可编辑，用的是静态模板显示值，刷新行能让页面同步最新的字段值。
• 通过.k-grid-edit-row定位编辑行是最可靠的方式，因为Telerik在进入内联编辑模式时会自动给该行添加这个类。

这样配置后，用户只能通过下拉列表选择值，A、B、C、D字段会自动同步对应的值，而且用户没法手动修改这些字段，完全满足你的需求。

内容的提问来源于stack exchange，提问作者Patrick