在视图中将键从Kendo Grid行分配到主模型

Question

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

视图的主要模型（PlanViewModel）包含一个属性，该属性是另一个实体（buildingID）的外键，

公共类PlanViewModel{

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

}

该建筑物ID将由视图上的建筑物格里德的选定行填充。

因此，在构建格里德（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);
});

完美地设置模型。

感谢我从这里得到的提示：设置一个值