使用Ajax进行Kendo网格更新

Kendo Grid Updating with Ajax

本文关键字：网格 更新 Kendo 进行 Ajax 使用      更新时间：2023-09-26

成功函数中可能存在问题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>

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

var dataSource = new kendo.data.DataSource({
  data:feedler 
});
var grid = $("#grid").data("kendoGrid");
grid.setDataSource(dataSource);

你能做的最好的方法是定义网格数据源的传输属性。您不必为每次读取的数据创建数据存储，您可以在数据存储本身中指定读取、创建和更新方法，然后您可以调用

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

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

试试这个，

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

具有相同网格的OR

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

字段名称只是一个例子。

相关文章：