0

这个话题已经在网上讨论过好几次了，但所有的话题都没有帮助我解决我的问题。我的 javascript 代码接收 JSON 嵌套数据。所有 JSON 数据 1 级数据都在网格面板中转录，但所有子数据都没有。我尝试了很多方法，但不可能。这就是为什么我请你帮助我。

我的 JSON：

{
  "success":true,
  "error":false,
  "redirectUrl":null,
  "fund":[{
    "cat_id":1,
    "catname":"Europe OE Japan Large-Cap Equity",
    "region":{
      "region_id":2,
      "region_name":"JAPAN"
    }
    },{
    "cat_id":2,
    "catname":"Europe OE Europe Large-Cap Growth Equity",
    "region":{
      "region_id":1,
      "region_name":"EUROPE"
    }
   }]
}

我的型号：

var Recommended = new function() {

this.DataModel = function() {

Ext.define('Fund', {

    extend: 'Ext.data.Model',

    fields: [{
    name: 'catname',     
    type: 'string'
    },{
    name: 'cat_id',     
    type: 'int'     
    }],
    proxy :{
    type: 'rest',
    url: application +'directory/function',
    reader: {
        type: 'json',
        root: 'fund'

    }
    },
    associations: [{
    type: 'hasOne', 
    model: 'Region',
    primaryKey: 'region_id',
    name:'region'
    }]

});     

Ext.define('Region', {
    extend: 'Ext.data.Model',
    fields: [{
    name: 'region_name',       
    type: 'string'
    },{
    name: 'region_id',       
    type: 'int'     
    }]


});  

}

我的商店和网格面板：

    this.JSONstore = function() {

var storeRecommended;


storeRecommended = Ext.create('Ext.data.Store', {
    model: 'Fund',
    autoLoad:true,
    groupField: 'region_name'
});     




var colModel =
[
{
    text: 'REGION', 
    width: 200,
    dataIndex: 'region_name',
    name:'region_name',
    mapping:'region.region_name'

},{
    text: 'MORNINGSTAR', 
    width: 300,
    dataIndex: 'catname',
    name:'catname'  
}       


];

var groupingFeature = Ext.create('Ext.grid.feature.Grouping',{
    groupHeaderTpl: 'Classe: {name} ({rows.length} Item{[values.rows.length > 1 ? "s" : ""]})',
    hideGroupedHeader: false
});


var grid = Ext.create('Ext.grid.Panel', {
    renderTo: 'recommendedlists',
    collapsible: true,
    iconCls: 'icon-grid',
    frame: true,
    store: storeRecommended,
    width: 1200,
    height: 400,
    title: 'Test',
    resizable: true,
    features: [groupingFeature],
    columns: colModel,
    fbar  : ['->', {
    text:'Clear Grouping',
    iconCls: 'icon-clear-group',
    handler : function(){
        groupingFeature.disable();
    }
    }]
  });
   }

   this.initControlsOnload = function() {
   Recommended.DataModel();
   Recommended.JSONstore();
   }    
} // close Recommended function
4

1 回答 1

6

问题是您绑定到网格的商店对区域一无所知。它存储资金。因此，您不能要求将列映射到不在存储中的数据属性。该商店是基金记录的平面列表。当然，单个基金本身可能知道它所属的区域，但包含基金列表的商店却不知道。

该怎么办？

需要做的是扁平化客户端的数据结构。为什么？因为网格是平的。如果每个基金有多个地区——那么我们将讨论不同的解决方案。

怎么做？

如果您控制此应用程序的服务器端，然后将 Region字段添加到 Fund 对象，那么您的数据集就很简单、直接，更重要的是平坦。如果您不能（或不想）更改服务器端，那么您可以更改客户端模型映射。本质上，您会将 Fund 模型更改为如下所示：

Ext.define('Fund', {
    extend: 'Ext.data.Model',
    fields: [
      { name: 'catname',     type: 'string' },     
      { name: 'cat_id',      type: 'int' },
      { name: 'region_name', type: 'string',
          mapping: 'region.region_name'},
      { name: 'region_id',   type: 'int',
          mapping: 'region.region_id'}     
    ]
    ....
});

你看到我们在那里做了什么吗？我们将区域数据扁平化到基金记录中。现在，您的商店按名称访问区域名称数据将毫无问题。

祝你好运，

德米特里。

于 2012-07-20T00:08:53.837 回答