Ext JS 6中的一对一的预紧关系

Question

I'm trying to setup a working one-to-one relation in Ext JS 6 that can be preloaded with the data of the referenced object(s).

This means that i should be able to define a class Foo and a class Bar that references Foo and then do b = Ext.create(Bar, data) in such a way that b.something contains a Foo object initialized with data.

Reading the doc here it seems quite simple, except that it does not work:

data = {'address': {'address': 'foo', 'city': 'foo', 'state': 'foo'}}
u = Ext.create('User', data)
u.getAddress()
none

The issue is also discussed here but the proposed solution seems not to work in Ext JS 6.

Do someone have a working example in Ext JS 6 or a general solution?

PS to the overzealous moderator: this is NOT a duplicate of any similar question regarding Ext JS 4.* or Ext JS 5 because they have a different implementation of the relations therefore those solutions won't work.

Answer 1

Here's an example:

Ext.define('Fiddle.model.Base', {
    extend: 'Ext.data.Model',

    schema: {
        namespace: 'Fiddle.model'
    }
});

Ext.define('Fiddle.model.User', {
    extend: 'Fiddle.model.Base',

    fields: [{
        name: 'address',
        reference: 'Address'
    }],

    proxy: {
        type: 'ajax',
        idParam: null,
        url: 'user.json'
    }
});

Ext.define('Fiddle.model.Address', {
    extend: 'Fiddle.model.Base'
});


var user = Ext.create('Fiddle.model.User', {
    id: 1
});

user.load({
    callback: function(rec) {
        console.log(rec.getAddress().getData())
    }
});

https://fiddle.sencha.com/#fiddle/12up