剑道网格和模态 MVC 5答案

【问题标题】：Kendo Grid and Modal MVC 5剑道网格和模态 MVC 5
【发布时间】：2016-09-16 15:24:11
【问题描述】：

我正在尝试显示我的剑道网格的选定行：

@(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>
}

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

【问题讨论】：

提供“弹出”声明/代码？
我要发布我的弹出窗口

标签： javascript c# model-view-controller kendo-ui grid

【解决方案1】：

以下示例显示了一个非常相似的场景：

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

想法是将kendo.bind()与模态容器一起使用并传递选定的数据项对象。

【讨论】：