Kendo Grid使用Ajax更新

Question

Problem is probably in success function RssCek Function in HomeController returns succesfully. But i cant manage bind with grid HomeController RssCek function return part

        return Json(feedler, JsonRequestBehavior.AllowGet);

JavaScript Script Function

<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

you can set the datasource of the kendo grid like this ,

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

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

The best method you can do is to define the transport properties of the data source of the grid. You don't have to create datasouces for each data read, you can specify read,create,update methods in the datasouce itself and then you can call ,

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

Whenever you need to refresh from server.

Answer 2

Try this,

<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>

View

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

OR with same grid

  <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>

Field Name is just for example.