ext js - Karmaşık bir json nesnesine ColumnModel bağlama

Question

GridPanel'in sütun modeline karmaşık bir json nesnesini (iç içe geçmiş özellikleriyle) bağlamaya çalışıyorum. IE:

> { 
>  "success": true , 
>  "total": "1", 
>  "result": 
>   { 
>    "report": { 
>     "customer_name": "cust one", 
>     "account_number": "", 
>     "report_data": { 
>      "detail": "these are details", 
>      "desc": "mydesc"       
>     } 
>    } 
>  } } 

yani benim columnmodel olurdu bir şey

var colModel = new Ext.grid.ColumnModel([ 
     {header: "Customer", sortable: true, dataIndex: 'customer_name'}, 
     {header: "Account", width: 75, sortable: true, dataIndex: 'account_number'}, 
     {header: "Detail", width: 75, sortable: true, dataIndex:'HOW DO I DO THIS'} 
    ]); 

gibi: Ben, diyelim ki, report.customer_name ve report.report_data.customer.desc test verisi için ızgaraları sütunları eşlemek istediğiniz Detay sütununun dataIndex'ini 'report_data.details' olarak denedi ama işe yaramadı ...

Birisi bana bunun yapılıp yapılamayacağını söyler mi, eğer öyleyse bana bir örnek attı mı? Veya okuyamadan önce nesneyi 'düzleştirmek' gerekiyor mu? çok teşekkürler!

new Ext.data.JsonReader({ 
    root: 'result', 
    totalProperty: 'total', 
    fields: [ 
     {name: 'customer_name'}, 
     {name: 'account_number'}, 
     {name: 'detail', mapping: 'report_data.detail'} 
    ] 
}); 

Sunulan sütun modeli daha sonra da 'detay' bir dataIndex başvurmak olacaktır: Eğer bir JsonReader veya JsonStore kullanıyorsanız

Answer 1

kaydederken açıklamasında iç içe geçmiş bir nesne değerinin bir özelliğe bir eşleme kurabilir bu sütun.

Sunucunuzun gönderdiği veriler, örneğinizin içerdiği verilerden biraz farklı olmalıdır.

{ 
    "success": true, 
    "total": 1, 
    "result": [ 
     { 
      "customer_name": "cust one", 
      "account_number": "", 
      "report_data": { 
       "detail": "these are details", 
       "desc": "mydesc" 
      } 
     } 
    ] 
}