Mẫu liên kết trong extjs 4.2:

Question

Bất kỳ ai có thể vui lòng chỉ cho tôi một ví dụ làm việc về liên kết (với hasMany và thuộcTo) trong ExtJS. Xin đừng chỉ cho tôi tài liệu Sencha hoặc bất kỳ ví dụ liên quan đến Sencha bởi vì tôi đã cố gắng gần như tất cả mọi thứ nhưng không ai trong số họ làm việc ...

Answer 1

Chạy mẫu (bật giao diện điều khiển trình duyệt của bạn):

http://jsfiddle.net/4TSDu/52/

Ext.define('My.model.Author', { 
    extend:'Ext.data.Model', 
    fields:[ 
     'name' 
    ] 
}); 

Ext.define('My.model.Comment', { 
    extend:'Ext.data.Model', 
    fields:[ 
     'emailAddress', 
     'body' 
    ] 
}); 

Ext.define('My.model.BlogPost', { 
    extend:'Ext.data.Model', 
    fields:[ 
     'title', 
     'body' 
    ], 
    belongsTo:[ 
     { 
      name:'author', 
      instanceName:'author', 
      model:'My.model.Author', 
      getterName:'getAuthor', 
      setterName:'setAuthor', 
      associationKey:'author' 
     } 
    ], 
    hasMany:[ 
     { 
      name:'comments', 
      model:'My.model.Comment', 
      associationKey:'comments' 
     } 
    ], 
    proxy:{ 
     type:'ajax', 
     url:'https://dl.dropboxusercontent.com/u/1015920/Ext/blog-posts.json', 
     reader:{ 
      type:'json', 
      root:'data' 
     } 
    } 
}); 

My.model.BlogPost.load(1, { 

    success:function(record, operation){ 

     console.log(record.get('title')); // "some title" 

     console.log(record.getAuthor().get('name')); // "neil" 

     console.log(record.comments().getCount()); // 2 

    } 
}); 

đọc thêm ở đây:

http://extjs-tutorials.blogspot.ca/2012/05/extjs-belongsto-association-rules.html

http://extjs-tutorials.blogspot.ca/2012/05/extjs-hasmany-relationships-rules.html

Các dữ liệu mẫu sử dụng:

{ 
    "data": [ 
     { 
      "id": 1, 
      "title": "some title", 
      "body": "some body", 
      "author": {"id":1, "name": "neil"}, 
      "comments": [ 
       { 
        "id":55, 
        "emailAddress": "user@example.com", 
        "body": "test comment" 
       }, 
       { 
        "id":66, 
        "emailAddress": "user2@example.com", 
        "body": "another comment" 
       } 
      ] 
     } 
    ] 
}