1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
| /**
| * @example Lazy Associations
| *
| * This example demonstrates lazy loading of a {@link Ext.data.Model}'s associations only when requested.
| * a `User` model is loaded, then a separate request is made for the `User`'s associated `Post`s
| * See console for output.
| */
|
| // define the User model
| Ext.define('User', {
| extend: 'Ext.data.Model',
| fields: ['id', 'name', 'age', 'gender'],
|
| proxy: {
| type: 'rest',
| url : 'data/users',
| reader: {
| type: 'json',
| root: 'users'
| }
| },
|
| hasMany: 'Post' // shorthand for {model: 'Post', name: 'posts'}
| });
|
| //define the Post model
| Ext.define('Post', {
| extend: 'Ext.data.Model',
| fields: ['id', 'user_id', 'title', 'body'],
|
| proxy: {
| type: 'rest',
| url : 'data/posts',
| reader: {
| type: 'json',
| root: 'posts'
| }
| },
|
| belongsTo: 'User',
| hasMany: {model: 'Comment', name: 'comments'}
| });
|
| //define the Comment model
| Ext.define('Comment', {
| extend: 'Ext.data.Model',
| fields: ['id', 'post_id', 'name', 'message'],
|
| belongsTo: 'Post'
| });
|
| Ext.require('Ext.data.Store');
| Ext.onReady(function() {
| // Loads User with ID 1 User's Proxy
| User.load(1, {
| success: function(user) {
| console.log("User: " + user.get('name'));
|
| // Loads posts for user 1 using Post's Proxy
| user.posts().load({
| callback: function(posts, operation) {
| Ext.each(posts, function(post) {
| console.log("Comments for post: " + post.get('title'));
|
| post.comments().each(function(comment) {
| console.log(comment.get('message'));
| });
| });
| }
| });
| }
| });
| });
|
|
