1
  • 打字稿
  • ABP + .NET 核心

我正在使用网格来插入行（我正在使用的网格是 DevExtreme 框架的一个组件）。无论如何，与其他网格类似，它在插入记录时引发onRowInserting事件，将插入的行作为参数提供。在这种情况下，我需要将该“匿名”对象（插入的数据）转换为我的客户端 DTO。

onRowInserting(e) {
    let mynewrow: ItemDto = e.data; // e.data contains the inserted row
}

为了更好地理解我需要实现的目标，请阅读这篇文章：

将行添加到 DevExtreme 网格（角度） - 模型/模式

编辑

ItemDto: _

export class ItemDto implements IItemDto {
    description: string;
    note: string;
    quantita: number;
    postId: number;
    id: number;

    constructor(data?: IItemDto) {
        if (data) {
            for (var property in data) {
                if (data.hasOwnProperty(property))
                    (<any>this)[property] = (<any>data)[property];
            }
        }
    }

    init(data?: any) {
        if (data) {
            this.description = data["description"];
            this.note = data["note"];
            this.quantita = data["quantita"];
            this.postId = data["postId"];
            this.id = data["id"];
        }
    }

    static fromJS(data: any): ItemDto {
        let result = new ItemDto();
        result.init(data);
        return result;
    }

    toJSON(data?: any) {
        data = typeof data === 'object' ? data : {};
        data["description"] = this.description;
        data["note"] = this.note;
        data["quantita"] = this.quantita;
        data["postId"] = this.postId;
        data["id"] = this.id;
        return data; 
    }

    clone() {
        const json = this.toJSON();
        let result = new ItemDto();
        result.init(json);
        return result;
    }
}

export interface IItemDto {
    description: string;
    note: string;
    quantita: number;
    postId: number;
    id: number;
}

下面是e.data（此时，我只在网格中添加了一些列，因此并非所有字段都存在）的内容。

Object {
    __KEY__: "7c2ab8-1ff6-6b53-b9d7-ba25c27"
    description: "mydescription"
    id: 32
    note: "mynote"
    postId: 4
    quantita: 2
     >  __proto__: Object { constructor; , _defineG....
}

此图像更好地代表对象：https ://imgur.com/ihVZrDh

我不确定我在这条线上做了什么let mynewrow: ItemDto。我不知道它是否正确，或者是否足以稍后使用该变量，将其传递给保存新行的服务。

4

2 回答 2

1

您可以使用装饰器和序列化器。在此处查看 ts 的 lib：https ://www.npmjs.com/package/serialize-ts

于 2018-02-19T14:33:50.973 回答
0

如何object.assign()将 JSON 响应对象中的属性值推送到所需的类中？





class thingy {
  a = null;
  print = function() {
    console.log(this.a);
  };
}

const sourceJson = { 
  a: "hello world" 
};

const target = Object.assign(new thingy(), sourceJson);

target.print()
于 2020-12-11T13:03:14.717 回答