MVC Kendo Grid多选列

时间:2016-03-24 14:02:55

标签: c# asp.net-mvc telerik kendo-grid kendo-asp.net-mvc

我有一个kendo mvc网格。

我希望其中一列成为值列表。

例如我的数据对象:

public TestObject()
{
  public int TestID {get; set;}
  public string MyTest {get; set;}
  public string MyCategory {get; set;}
  public string Description {get; set;}
}

Kendo Grid:

@(Html.Kendo().Grid<MyProject.BusinessObjects.TestObject>()
        .Name("myGrid")
        .Columns(col => 
        {
            col.Bound(x => x.TestID);
            col.Bound(x => x.MyTest);
            col.Bound(x => x.MyCategory);
            col.Bound(x => x.Description);
            col.Command(x => { x.Edit(); x.Destroy(); });
        })
        .Selectable()
        .Scrollable()
        .ToolBar(x => x.Create())
        .Sortable()
        .Editable(e => e.Mode(GridEditMode.PopUp))
        .Pageable(p => p
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
        .DataSource(d => d
            .Ajax()
            .Read(r => r.Action("GetData", "MyController"))
            .PageSize(20)
            .Model(m => 
            {
                m.Id(x => x.TestID);                    
            })      
            .Update("UpdateData", "MyController")
            .Create("CreateData", "MyController")
            .Destroy("DeleteData", "MyController")
        )
   )

现在,当用户去添加或编辑记录时,我希望MyCategory显示有效值列表。 (基本上MyCategory是FK,但在DB中没有这样强制执行)

如何使用Kendo Grid完成此操作?我试图遵循Kendo在线示例,但我在创建ViewState对象时错过了连接以及网格如何与该特定对象进行交互。
(Kendo Grid Editing自定义编辑器示例)

1 个答案:

答案 0 :(得分:0)

它不一定是DB中的fk。

columns.ForeignKey(p => p.MyCategory, (System.Collections.IEnumerable)ViewData["MyCategory"], "Id", "MyCategoryText");

并且在控制器索引页面中,您必须填充viewdata。您可以从DB获取数据,也可以对值进行硬编码。

 public ActionResult Index()
    {            
        ViewData["MyCategory"] =  GetMyCategoryList();
        return View();
    }

 public List<SelectListItem> GetMyCategoryList()
    {
        List<SelectListItem> lstMyCategory = new List<SelectListItem>();
        var data = new[]{
             new SelectListItem{ Id=1,MyCategoryText="Federal"},
             new SelectListItem{ Id=2,MyCategoryText="General"},
             new SelectListItem{ Id=3,MyCategoryText="Cash"},                 
         };
        lstMyCategory = data.ToList();
        return lstMyCategory;
    }