剑道电网和模态MVC 5

Question

我想展示我的剑道网格的选定的行：

@(Html.Kendo().Grid<Solution.ViewModels.ItemViewModel>() 
    .Name("myGrid") 
    .Columns(columns => 
    { 
     columns.Bound(c => c.item1); 
     columns.Bound(c => c.item2); 
     columns.Bound(c => c.item3); 
    }).HtmlAttributes(new { style = "text-align: center;" }) 
      .Sortable() 
      .Pageable(pageable => pageable 
      .ButtonCount(5)) 
      .Selectable(selectable => selectable 
          .Mode(GridSelectionMode.Single) 
          .Type(GridSelectionType.Row)) 
        .DataSource(dataSource => dataSource 
        .Ajax() 
        .Read(read => read.Action("GetItem", "ItemTest")) 
        .ServerOperation(true) 
        .PageSize(20))      
        .Events(events=> events.Change("onItemChange").DataBound("onGridDataBound")) 

这个JS：

@section ScriptsBottom 
{ 
    <script type="text/javascript"> 

     // On grid row selection/click 
     function onItemChange(e) { 

      var grid = e.sender; 
      var selectedItem = grid.dataItem(this.select()); 
      $('#modal').data(selectedItem); 

     } 
     function displaySelectedItem() { 
      $('#modal'); 
     } 

    </script> 
} 

我不知道如何绑定和显示所选行的数据到我的弹出窗口，你能帮助我吗？

Answer 1

以下示例显示了一个相当类似的情况：

http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/grid-external-form-editing

的想法是使用kendo.bind()与模态容器，并通过所选择的数据项的对象。