javascript - ExtJS 4.2 - 如何将数组映射到模型字段并动态显示在网格列上？

Question

我有这个 json 数据:

{
  id: 1,
  name: 'something',
  description: 'somethingsomething',
  customers: [{
    id: 1,
    username: 'cust1'
  }, {
    id: 2,
    username: 'cust2'
  }]
}

虽然我在 gridpanel 上显示前三个字段没有问题，但是我在检索 customers 字段的数组对象时遇到问题。我的模型是这样的:

fields: [
  'id', {
    name: 'name',
    sortType: Ext.data.SortTypes.asUCString
  },
  'permanent', {
    name: 'description',
    Type: Ext.data.SortTypes.asUCString
  }, {
    name: 'customers',
    Type: Ext.data.SortTypes.asUCString
  }, {
    name: 'username',
    Type: Ext.data.SortTypes.asUCString,
    mapping: 'customers[0].username'
  }
]

当我尝试访问 customers[0].username 时，它只会检索指定索引上的用户。删除索引号返回 undefined 因为我假设它正在寻找要返回的索引。我如何正确检索所有 customers: [] 并将其显示到我的网格中，其结构如下:

{
  xtype: 'gridpanel',
  store: oStore,
  viewConfig: {
    loadMask: false,
    enableTextSelection: true
  },
  hideHeaders: false,
  bodyBorder: true,
  columns: [{
    text: 'Customer',
    dataIndex: 'username',
    flex: 1
  }, {
    header: '',
    xtype: 'actioncolumn',
    itemId: 'remove-player-btn',
    width: 50,
    sortable: false,
    resizable: false,
    menuDisabled: true,
    items: [{
      icon: 'resources/img/x.png',
      tooltip: 'Remove Player',
      scope: oMe
    }],
    editor: {
      xtype: 'text',
      name: 'deleteRow'
    }
  }]
}

Answer 1

您可以使用模型中提供的转换函数。此转换函数用于某些计算目的和映射响应数据以满足我们的需要。例如，我将映射用户名，如下所示:

fields: [
{
  name:'username',
  convert:function(value,model)
  {
    return model.data.customers.username;
  }
}
]

对 id 字段使用相同的技术。如有任何问题，请回复。