在 Javascript 部分中分配剑道网格的数据源。（Asp.net MVC-Razor 引擎）答案

【问题标题】：assigning Datasource of kendo grid in Javascript part. (Asp.net MVC-Razor Engine)在 Javascript 部分中分配剑道网格的数据源。（Asp.net MVC-Razor 引擎）
【发布时间】：2015-10-09 12:34:17
【问题描述】：

我想在视图的 Javascript 部分中分配剑道网格的数据源，因为我想显示它以响应从同一页面上的另一个剑道网格中选择另一个对象，所以我想传递这个对象的值回到控制器，然后查看网格。

我发现最好的方法是在与选择部分相关的javascript函数中分配数据源，如果有更好的想法，请提出。

剑道网格：

@(Html.Kendo().Grid<dynamic>()
.Name("StatusGrid")
//.HtmlAttributes(new { style="width:50%;" })
.Columns(columns =>
{
    foreach (System.Data.DataColumn c in Model.GridStatus.Columns)
    {
        columns.Bound(c.ColumnName).EditorTemplateName("String");
    }
})
.DataSource(dataSource => dataSource
    .Ajax()
    .Events(events => events.Error("error_handler"))
    .Model(model =>
    {
        foreach (System.Data.DataColumn column in Model.GridStatus.Columns)
        {
            model.Field(column.ColumnName, column.DataType);
            model.Id("Id");
        }
    })
    //.Read(read =>

    //  read.Action("ActivityGridDisplay", "Configuration")
    //)
))

那么如何在javascript中编写这部分：（分配读取和模型）？

    .DataSource(dataSource => dataSource
    .Ajax()
    .Events(events => events.Error("error_handler"))
    .Model(model =>
    {
        foreach (System.Data.DataColumn column in Model.GridStatus.Columns)
        {
            model.Field(column.ColumnName, column.DataType);
            model.Id("Id");
        }
    })
    .Read(read =>

        read.Action("ActivityGridDisplay", "Configuration")
    )
))

【问题讨论】：

标签： javascript asp.net-mvc kendo-grid

【解决方案1】：

它可以以更简单的方式完成，只需使用 ajax 分配或绑定读取部分，即使您可以使用我发现比 kendo 更容易的 javascript 将一些变量传递给该读取部分：

function onChange(e) {

    var grid = $("#grid").data("kendoGrid");
    var dataRows = grid.items();
    var rowIndex = dataRows.index(grid.select());
    var selectedname = grid.dataItems()[rowIndex];
    document.getElementById("ActivityGrid").style.bottom = "0px";

    $.ajax({

        url: '/Configuration/ActivityGridDisplay',
        contentType: 'application/html charset=utf-8',
        type: 'GET',
        dataType: 'html',
        data: { 'nodeName': selectedname.Name, 'nodeType': selectedname.Type, 'nodeID': selectedname.NodeId },
        success: function (data) {
            $('#body').html(data);
        }
    })


}

以及问题的编辑部分

【讨论】：