将Kendo Grid行中的键分配给视图中的主模型

Question

在MVC应用程序中使用Kendo Grid。

的视图（PlanViewModel）主模型包含一个属性，它是一个外键到另一个实体（BuildingId）例如，

公共类PlanViewModel {

public int PlanId { get; set; } 
public string PlanName { get; set; } 
public int BuildingId { get; set; } 
... 

}

Building ID将由视图上的BuildingGrid的选定行填充。

因此，使用BuildingGrid，我使用.Selectable设置来调用onChange事件。如何在下列情况下更新模型：BuildingId

function onChange(arg) { 
    var selected = $.map(this.select(), function (item) { 
     return $(item).text(); 
    }); 

    /// UPDATE MODEL BuildingId here 

} 

谢谢！

Answer 1

想通了。首先，我关联的HTML属性的模型属性，像这样：

@Html.HiddenFor(m => m.BuildingID, new {id = "Id"}) 

然后添加以下jQuery脚本：

$('#BuildingGrid').click(function() { 
    var gview = $(this).data("kendoGrid"); 
    var selectedItem = gview.dataItem(gview.select()); 
    var BuildingId = selectedItem.BuildingId; 
    $("#Id").val(BuildingId); 
}); 

设置该Model.BuildingId完美。

感谢来自这里的提示：set a value to model using jQuery