Question

我有一个kendo.ui.grid。我想在最初渲染时使用ajax下载网格数据。接下来，我想从ajax调用解除绑定网格并添加新记录并以编程方式删除现有的。重要的是，我想随时过滤和排序数据，当然是在本地副本上工作，而不是发送ajax请求。最终，我想（可能带按钮）将所有数据发送到服务器以保存数据库中的更改。你能提供一些想法吗？

Answer 1

在他们的演示网站上查看他们的"bind with local data"示例。您可以做的是创建自己的JavaScript AJAX调用，该调用在页面首次加载时从服务器请求JSON格式的数据。然后成功时，将数据与网格绑定，如下所示：

$(document).ready(function() {
    //jquery get https://api.jquery.com/jQuery.get/
    $.ajax({
        url: url,
        data: data,
        success: function(jsonData) {
            //bind to the grid
            $("#grid").kendoGrid({
                dataSource: {
                    data: jsonData,
                    /*****DATA CONFIG OPTIONS****/
                },
                /*****GRID CONFIG OPTIONS****/
            });
        },
        dataType: "json"
    });
});

Answer 2

您可以编写类似下面的内容来请求json格式的数据并存储到变量

中

var xhReq = new XMLHttpRequest();
xhReq.open("POST", "your url", false);
xhReq.send(null);
var jsonObject = JSON.parse(xhReq.responseText); //data would be store in var jsonObject 

$("#grid").kendoGrid({
                dataSource:jsonObject 
});

如何从ajax调用解除绑定kendo数据源并以编程方式工作

2 个答案: