在客户端动态加入json数据以在kendogrid中使用

时间:2016-03-29 17:28:58

标签: javascript kendo-ui kendo-grid

我从2个不同的数据源获取数据。我可以使用原始数据加入第二个数据集并在kendo网格中使用。

示例方案http://jsfiddle.net/Jomet/k6420L5L/

            //Join data in Client script
        var myJson = {"employees":[
            {"Id": 1 ,"firstName":"John", "lastName":"Doe"},
            {"Id": 2 ,"firstName":"Anna", "lastName":"Smith"},
            {"Id": 3 ,"firstName":"Peter", "lastName":"Jones"}
        ]};

        var myJson2 = {"employees":[
            {"Id": 1 , "location":"Toronto"},
            {"Id": 2 , "location":"Toronto"},
            {"Id": 3 , "location":"Vaughan"}
        ]};


        for (var i = 0; i < myJson2.employees.length; i++) {
          for (var j = 0; j < myJson.employees.length; j++) {
            if (myJson2.employees[i].Id == myJson.employees[j].Id) {
              myJson.employees[j]["location"] = myJson2.employees[i]["location"];
            }
          }
        }

        var ds = new kendo.data.DataSource({
            data: myJson.employees,
            pageSize: 10
        });

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

简而言之,我可以在客户端脚本中加入数据吗?这是最好的方式。

更新:我自己通过循环数组找到了解决方案并更新了小提琴。请建议是否可以更好的方式完成..

0 个答案:

没有答案