ext js - 複雑なjsonオブジェクトへのColumnModelバインディング

Question

複雑なjsonオブジェクト（ネストされたプロパティを持つ）をGridPanelの列モデルにバインドしようとしています。 IE：私はreport.customer_nameとreport.report_data.customer.desc テストデータ、たとえば、にグリッド列をマップする：

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

ので、私のcolumnmodelが

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'} 
    ]); 

ようなものになるだろう、私は詳細列のdataIndexを 'report_data.details'として試しましたが、機能しませんでした。

これを行うことができるかどうか誰かから教えてもらえますか？ または、私はそれを読む前にオブジェクトを「平坦化」する必要がありますか？ ありがとう！

Answer 1

あなたはレコード記述でネストされたオブジェクトの値のプロパティへのマッピングを確立することができますJsonReaderまたはJsonStoreを使用している場合：

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

あなたの列モデルが、その後のための「詳細」のdataIndexを参照しますその列。

サーバーが送信するデータは、例に含まれているデータとは多少異なるはずです。上記の読者は、フォームのデータオブジェクトを消費することになる：あなたの助けを

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