Kendo Grid和Modal 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()与模式容器一起使用，并传递所选的数据项对象。