从kendo数据源方法读取json数据到datasource变量

时间:2014-08-07 13:17:01

标签: javascript asp.net json

在我的asp.net中,我使用以下方法从js文件中读取Json数据,

var ds = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "http://localhost:2544/JS/employee.js", dataType: "jsonp"
                    }
                }
            });
            ds.read();
            alert(ds.view().length);

返回alay 0给我。我想传递列值来绘制图形。 但是无法自己读取数据。

以下是我在employee.js文件中保存的json数据

{
  "t1": [
    {
      "country": "United States",
      "year": "19994",
      "value": 4.9
    },
    {
      "country": "United States",
      "year": "1995",
      "value": 9.2
    },
   ------

我在头部使用脚本如下,

<link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css" rel="stylesheet" />

    <script src="http://cdn.kendostatic.com/2014.2.716/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.2.716/js/angular.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>

1 个答案:

答案 0 :(得分:0)

您无法通过URL读取JS文件,在employee.js中添加功能

例如:

function EmployeeData(){
 return [{
      "country": "United States",
      "year": "19994",
      "value": 4.9
    },
    {
      "country": "United States",
      "year": "1995",
      "value": 9.2
    }]
}

从数据源

中调用此方法
var ds = new kendo.data.DataSource({
                data:EmployeeData()
            });
            ds.read();
            alert(ds.view().length);

确保将employee.js包含在脚本头