Question

我的Angular应用程序中有一个kendo.data.Model，我正在转换为Typescript。 DataSource工作正常，直到我将模型定义添加到模式。

是否有另一种使用Typescript Kendo定义带有DataSource的模型的语法？

非打字稿版本工作正常。

var someModel = new kendo.data.Model({
     id: "id",
     fields: {
          id: { type: "string" },
          name: { type: "string", validation: { min: 1, required: true } },
          isActive: { type: "boolean" }
          }
     });

 var source = new kendo.data.DataSource({
       transport: {
            read: (options: any) => {
                 someService.getData(options.data).then(function (results) {
                      options.success(results.data);
                      });
                  }
            },
            schema: {
                model: someModel
            }});

编辑：问题是我错过了“kendo.data.Model.define（{}）中的”定义“。但是在改变它时，问题就转移了，现在我不能在其他代码中使用键入的模型：

class Foo {
    someModelProp: kendo.data.Model;

    constructor() {
        this.someModelProp = kendo.data.Model.define({*see above code for fields*});
    }
}

我在“this.someModelProp =”行上收到编译错误：

类型'typeof Model'不能分配给'Model'类型。类型'typeof Model'中缺少属性'_defaultId'。

我可以将“someModelProp”更改为“any”，但之后我将不再使用类型模型，这违背了Typescript的目的。

Answer 1

也许年纪大了，但我一直在寻找相同的问题。如果有帮助，这对我有用：

class Foo extends kendo.data.Model {
    private modelDef: typeof kendo.data.Model = kendo.data.Model.define({*see above code for fields*});
    private model: kendo.data.Model;
    private data: any;

    constructor() {
        super();
        this.model = new this.modelDef([]);
    }

    init(data: any): Foo {
        this.data = data;
        this.model = new this.modelDef(data);
        return this;
    }

    // Typescript properties
    get _Id(): number { return this.model.get('id'); }
    set _Id(value: number) { this.model.set('id', value); }

    get _Name(): number { return this.model.get('name'); }
    set _Name(value: number) { this.model.set('name', value); }
}

重要提示：对打字稿属性使用下划线或发生运行时错误，只需证明它并查看生成的JavaScript ...

我希望这有帮助，如果有人有更好的解决方案或任何评论，请提前感谢！

Typescript中的Kendo Ui DataSource模式模型

1 个答案: