Telerik-MVC Grid显示属性值与编辑值

时间:2011-08-25 23:30:32

标签: model-view-controller asp.net-mvc-3 telerik telerik-grid telerik-mvc

希望这会有一个简单的答案。

使用MVC3,我将一个简单的POCO对象列表作为模型传递给我的视图:

public partial class PeopleAddress
{
    public int Id { get; set; }
    public string Address1 { get; set; }
    public string Address2 { get; set; }
    public string City { get; set; }
    public string State { get; set; }
    public string Zip { get; set; }
    public int PersonId { get; set; }

    public virtual Person Person { get; set; }
}

我将PeopleId用作Person实体的FK属性,并使用Person导航属性导航到该对象。这是我的视图控制器:

public ViewResult Index()
    {
        var peopleaddresses = db.PeopleAddresses.Include("Person");
        return View(peopleaddresses.ToList());
    }

非常琐碎。我在视图中将列添加到网格和正常编辑模式等,但是对于PersonId属性。

关于列的问题:如何让select(普通)模式显示model.Person.Name,但在编辑模型时保持编辑模式.PersonId?出于模型绑定的目的,我需要HTTP帖子来发送PersonId。

帮助!

1 个答案:

答案 0 :(得分:0)

简单

如果你需要的只是Person.Id当你点击编辑(你在网格之外编辑或其他东西),那就很简单了。你的专栏将是:

columns.Bound(e => e.Person).Title("Person").ClientTemplate("<#= Person ? Person.Name : '' #>");

你可以获得该人的身份证明:

onEdit(e) {
    var personId = e.dataItem['Person'].Id;
}

完整

但是,如果您尝试使用组合框在网格中进行编辑,则列应如下所示:

columns.Bound(e => e.Person).Title("Person").ClientTemplate("<#= Person ? Person.Name : '' #>").EditorTemplateName("PersonSelector");

您的编辑器模板:

@(Html.Telerik().ComboBox()
.Name("YourNameGoesHere")
.DataBinding(binding => binding.Ajax().Select("SelectPeopleForComboBox","Shared")))

您的客户端脚本:

onEdit(e){
    $comboBox = $(e.cell).find('#Person');
    if($comboBox.length > 0) {
        var comboBox = $ddl.data('tComboBox');
        comboBox.fill(function(){
            if (e.dataItem['Person'] != null){
                    ddl.value(e.dataItem['Person'].Id)
            }
        });
     }
}