Kendo UI add DropDownList в Grid (MVC)

Question

Я привязываюсь к классу Grid (UserId, FirstName, LastName, Choice). Кто-нибудь знает, как поместить этот код в колонке (Choice) в Кендо Сетка в MVC 4:

@(Html.Kendo().DropDownList() 
     .Name("Test") 
     .DataTextField("Text") 
     .DataValueField("Value") 
     .Events(e => e.Change("change")) 
     .BindTo(new List<SelectListItem>() 
     { 
      new SelectListItem() 
      { 
       Text = "Option1", 
       Value = "1" 
      }, 
      new SelectListItem() 
      { 
       Text = "Option2", 
       Value = "2" 
      } 
     })) 
<script> 
    function change() { 
     var value = $("#Choice").val(); 
    } 
</script> 

....

columns.Bound(p=> p.FirsName); 
columns.Bound(p => p.LastName); 
//How to Bind Choice??? 

Я также нужен текст ("ОПЦИЯ1" , или «Вариант2») в коде BackEnd. Любые решения? Спасибо в продвинутом режиме.

Отредактировано

я сделал именно то, что они сказали:

Вид:

columns.Bound(p => p.Choice).ClientTemplate("#=Choice#"); 

Контроллер:

public ActionResult Index() 
    { 
     PopulateCategories(); 
     return View(); 
    } 

.....

private void PopulateCategories() 
     { 
      var dataContext = new TestDB(); 
      var categories = dataContext.Peoples 
       .Select(c => new People() 
       { 
        ChoiceID = c.ChoiceID, 
        Choice = c.Choice 
       }) 
       .OrderBy(e => e.Choice); 
      ViewData["categories"] = categories; 
      ViewData["defaultCategory"] = categories.First(); 
     }  

Но это не работает ...

Answer 1

Вам просто нужно принять тп взглянуть на документацию они обеспечивают: http://demos.kendoui.com/web/grid/editing-custom.html

Это обычай сетки, так что могут быть также некоторые JS изменения, связанные также , Вы привязываетесь к своей модели, и kendo.js будет следить за остальными.

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ClientProductViewModel>() 
.Name("grid") 
.Columns(columns => 
{ 
    columns.Bound(p => p.ProductName); 
    columns.Bound(p => p.Category).ClientTemplate("#=Category.CategoryName#").Width(160); 
    columns.Bound(p => p.UnitPrice).Width(120); 
    columns.Command(command => command.Destroy()).Width(90); 
}) 
.ToolBar(toolBar => 
    { 
     toolBar.Create(); 
     toolBar.Save(); 
    }) 
.Editable(editable => editable.Mode(GridEditMode.InCell)) 
.Pageable() 
.Sortable() 
.Scrollable() 
.HtmlAttributes(new { style = "height:430px;" }) 
.DataSource(dataSource => dataSource 
    .Ajax() 
    .Batch(true) 
    .ServerOperation(false) 
    .Events(events => events.Error("error_handler")) 
    .Model(model => 
    { 
     model.Id(p => p.ProductID); 
     model.Field(p => p.ProductID).Editable(false); 
     model.Field(p => p.Category).DefaultValue(
      ViewData["defaultCategory"] as Kendo.Mvc.Examples.Models.ClientCategoryViewModel); 
    }) 
    .PageSize(20) 
    .Read(read => read.Action("EditingCustom_Read", "Grid")) 
    .Create(create => create.Action("EditingCustom_Create", "Grid")) 
    .Update(update => update.Action("EditingCustom_Update", "Grid"))   
    .Destroy(destroy => destroy.Action("EditingCustom_Destroy", "Grid")) 
) 
) 

Ваш файл csHTML должен связывать вход и переход на триггере, в зависимости от того, что вы делаете.

Answer 2

Я думаю, что это поможет вам добиться того, что вам нужно - >>

http://www.kendoui.com/forums/kendo-ui-web/grid/want-to-add-dropdownlist-in-my-grid.aspx