Kendo UI 上的 Typescript - 类型化数据源定义答案

【问题标题】：Typescript on Kendo UI - typed datasource definitionKendo UI 上的 Typescript - 类型化数据源定义
【发布时间】：2014-05-15 11:54:51
【问题描述】：

我开始将一个应用程序迁移到使用 Kendo UI 的 Typescript。

我认为我没有充分利用 typescript 的第一个项目是数据源的定义。在编写数据源定义时，我没有得到“传输”对象的任何类型属性（例如读取、参数映射等）。

我做错了什么，还是有更好的方法在 typescript 上定义数据源？

我查看了 Kendo 的文档，但找不到任何写法不同的示例。

请参阅下面的代码：

class ViewModel extends kendo.data.ObservableObject {
    dadosGrid = new kendo.data.DataSource({
        type: "jsonp",
        transport: {
            read: {
                url: '/Controller/Action',
                contentType: "application/json",
                type: "POST"
            },
            parameterMap: function (options) {
                return kendo.stringify(options);
            }
        },
        schema: {
            total: "Total",
            data: "Data",
            model: {
                id: "Id",
                fields: {
                    Name: { type: "string" },
                    Surname: { type: "string" },
                }
            }
        },
        pageSize: 10,
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true
    });

    //#endregion
}

谢谢

【问题讨论】：

标签： kendo-ui typescript

【解决方案1】：

您是否引用了 TypeScript 文件顶部的 Kendo 定义文件？

/// <reference path="kendo.all.d.ts" />

http://docs.telerik.com/kendo-ui/howto/typescript/overview

【讨论】：

嗨，我有。我也得到了其他剑道小部件的类型。我也为 kendo.data.Datasource 类型获得它，以及当我键入“传输”时的建议，但它停在那里（例如，“读取”属性没有建议/智能）。

【解决方案2】：

我也打这个。这个问题很老，所以只是为其他人添加。我猜他们需要更新他们的定义。现在，我只是在做这样的事情：

var dataSource: any = this._scheduler.dataSource; dataSource.transport.options.read.url = schedulerOptions.readUrl;

【讨论】：

我相信按照您提到的方式进行操作比我的方法更糟糕，因为您的数据源根本没有输入。无论如何，剑道应该做点什么，因为我们失去了 TypeScript 给我们的类型安全......
再次点击这个后，我在他们的论坛上发帖。 Telerik 确认这是一个问题，他们计划在他们的 typescript 定义中添加更多内容：telerik.com/forums/…

【解决方案3】：

可能有点晚了，但仍然您可以为其使用单独的界面并像在屏幕截图上一样使用它

【讨论】：