Question

我正试图将一个kendo ui网格绑定到一个没有运气的json文件。

我发现的所有示例都是在代码中创建网格时。我需要以声明的方式来做。

将dataSource单独放在范围内，或者放在“选项”中是否相同？

如果我将“myDataSrc”设置为代码中的简单数组，则绑定有效。但是作为文件中的“kendo.data.DataSource”，它不会。

<div kendo-grid k-options="options" k-data-source="myDataSrc"></div>


        $scope.myDataSrc = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "test.json",
                    dataType: "json"
                }
            }
        });

        $scope.options = {
            sortable: true,
            pageable: true,
            columns: [{
                field: "firstName",
                title: "First Name"
            },{
                field: "lastName",
                title: "Last Name"

            },{
                field: "country"
            },{
                field: "City"
            },{
                field: "Title"
            }]
        };


[
    { "firstName":"John" , "lastName":"Doe", "country": "country1" },
    { "firstName":"Anna" , "lastName":"Smith", "country": "country2" },
    { "firstName":"Peter" , "lastName":"Jones", "country": "country3" }
]

谢谢！

Answer 1

这最终对我有用：

<div kendo-grid k-options="options"></div>


        $scope.options = {
            dataSource: {
                type: "json",
                transport: {
                    read: "app/data/test.json"
                },
                pageSize: 10
            },
            sortable: true,
            pageable: true,
            columns: [{
                field: "firstName",
                title: "First Name"
            },{
                field: "lastName",
                title: "Last Name"

            },{
                field: "country"
            }]
        };

将kendo ui网格绑定到json文件而不在代码中生成网格

1 个答案: