MVC 3 Telerik 网格编辑模式

Question

根据我的观点之一，我正在使用 Teleriks 开源网格进行 MVC 3。网格中有 3 列：

-Name -电子邮件 -角色

我遇到的问题是：我希望我的角色列作为下拉列表，在页面加载时它已经可以编辑（所以我不需要任何编辑/更新按钮或东西），所以当管理员更改用户的下拉列表角色中的选定项目时将会更新。

知道怎么做吗？

视图

@model IEnumerable<UserViewModel>
    @(Html.Telerik().Grid(Model)
          .Name("Grid").TableHtmlAttributes(new { width="800"})
            .Columns(columns =>
            {
                //if (userIsInWhateverRole){
                //    columns.Template(o => Html.Action(GenerateYourLinkStuffHere));
                //}
                columns.Bound(o => o.Name).Width(150);
                columns.Bound(o => o.Email).Width(120);
                columns.Bound(o => o.Roles).Width(120);
            })
            .Sortable()
            .Scrollable()
            .Groupable()
            .Filterable()
            .Pageable(paging =>
                paging.PageSize(5)
                      )
                          )

ViewModel

public class UserViewModel
{

    public int Id { get; set; }

    [Microsoft.Build.Framework.Required]
    [Display(Name = "User name")]
    public string Name { get; set; }

    [Required]
    [DataType(DataType.Password)]
    [Display(Name = "Password")]
    public string Password { get; set; }

    public string[] Roles { get; set; }

    public string Email { get; set; }

    public bool Admin { get; set; }

}

控件

public ActionResult ManageRoles()
{
    var users = Membership.GetAllUsers().Cast<MembershipUser>().Select(x=> new UserViewModel{ Name = x.UserName, Email = x.Email, Roles = Roles.GetAllRoles()});

    return View(users);
}

Answer 1

您需要使用模板列并将模板定义为下拉列表：

@(Html.Telerik().Grid(Model)
    .Name("Grid").TableHtmlAttributes(new { width="800"})
    .Columns(columns =>
    {
        //if (userIsInWhateverRole){
        //    columns.Template(o => Html.Action(GenerateYourLinkStuffHere));
        //}
        columns.Bound(o => o.Name).Width(150);
        columns.Bound(o => o.Email).Width(120);
        columns.Template (
            @<text>
                @Html.DropDownList("Roles", new SelectList(item.Roles))
            </text>
        ).Width(120);
    })
    .Sortable()
    .Scrollable()
    .Groupable()
    .Filterable()
    .Pageable(paging => paging.PageSize(5))
)

我无法测试代码，但它应该非常接近。

Answer 2

您希望网格中的每个项目都可编辑吗？只需使用呈现文本框的列的模板即可。请参阅此演示： http://demos.telerik.com/aspnet-mvc/grid/templatesserverside