I am using Typescript to define objects that extend the kendo.data.ObservableObject type. These objects contain getter and setter properties. When I pass an array of these ObservableObject-derived objects into the DataSource data property and when I specify a schema.model value, I lose all the getter and setter properties on my objects, such that the grid does not display any values properly. The only fields left available in the DataSource object are the private properties. I made an example here:
Please comment out the commented section at the bottom to see the problem occur.
The PersonDTO definition in my example is the same code that gets generated by Typescript when I define a class that extends kendo.data.ObservableObject in Typescript. The getters and setters are defined on PersonDTO.prototype rather than on PersonDTO itself and I suspect that is the source of the problem. Internally, DataSource seems to be ignoring properties that are not found on PersonDTO directly whenever it wraps an object in a model object.
I would appreciate any ideas for workarounds or a bug fix. Thanks!