Kendo Grid使用Ajax更新

Question

问题可能出在成功函数HomeController中的RssCek函数成功返回。 但是我无法管理与网格HomeController RssCek函数返回部分的绑定

        return Json(feedler, JsonRequestBehavior.AllowGet);

JavaScript脚本功能

<script>
    function select(e) {
        var value = $(e.item).find("> .k-link").text();

            $.ajax({
                url: '@Url.Action("RssCek", "Home")',
                type: 'GET',
                contentType: 'application/json; charset=utf-8',
                data: { value: value },
                success: function (feedler)
                {
                    var g = $("#grid").data("kendoGrid");

                    g.dataSource = new kendo.data.DataSource({ data: feedler });
                    g.dataSource.read();
                    g.refresh();
                },
                error: function (request, status, error)
                {document.write(request+"++"+ status+"++"+ error);}
                });
    }

</script>

Answer 1

您可以像这样设置剑道网格的数据源，

var dataSource = new kendo.data.DataSource({
  data:feedler 

});
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);

最好的方法是定义网格数据源的传输属性。 您不必为每次读取的数据创建数据源，您可以在数据源本身中指定read，create，update方法 ，然后可以调用，

var g = $("#grid").data("kendoGrid");
 g.dataSource.read();

每当您需要从服务器刷新时。

Answer 2

尝试这个，

<script>
    function select(e) {
        var value = $(e.item).find("> .k-link").text();

            $.ajax({
                url: '@Url.Action("RssCek", "Home")',
                type: 'GET',
                contentType: 'application/json; charset=utf-8',
                data: { value: value },
                success: function (feedler)
                {





 $("#grid1").html('');
                       $("#grid1").kendoGrid({
                       dataSource: feedler,
                       sortable: true,
                       pageable: {
                           refresh: true,
                              pageSizes: true
                              },
                            columns: [{
                                         field: "SampleDescription",
                                       width: 90,
                                     }, {
                            field: "SampleCode",
                              width: 90,
                               }, {
                                 width: 100,
                                field: "SampleItems"
                                  }
                                 ]
                                });;
                },
                error: function (request, status, error)
                {document.write(request+"++"+ status+"++"+ error);}
                });
    }

</script>

视图

<div id="grid1">
    </div>

或具有相同网格

  <script>
        function select(e) {
            var value = $(e.item).find("> .k-link").text();

            $.ajax({
                url: '@Url.Action("RssCek", "Home")',
                type: 'GET',
                contentType: 'application/json; charset=utf-8',
                data: { value: value },
                success: function (feedler)
                {


                $('#grid').data("kendoGrid").dataSource = new kendo.data.DataSource({ data: result });
                    $('#grid').data("kendoGrid").dataSource.read();
                    $('#grid').data("kendoGrid").refresh();
}

</script>

字段名称仅作为示例。