将数组中的键映射到extJS网格

Question

我有一个PHP脚本，它以以下形式响应数组：

[0] => dataOne
[1] => dataTwo
[2] => dataThree
[3] => dataFour

我想在我的视图中将这些映射到网格，但是在执行它时遇到了一些麻烦。

以下是我目前创建的作品：

Ext.define('OptionalCookbook', {
  extend: 'Ext.data.Model',
  fields: [
    {name: 'cookbook'}
  ]
});

var optionalCookbooksStore = Ext.create('Ext.data.Store', {
  autoLoad: true,
  autoSync: true,
  model: 'OptionalCookbook',
  proxy: {
  type: 'ajax',
  url: 'data.php',
  reader: {
    type: 'array'
  },
  writer: {
    type: 'json'
}
}
});

var optionalCookbooksGrid = Ext.create('Ext.grid.Panel', {
  store: optionalCookbooksStore,
  width: '100%',
  height: 200,
  title: 'Optional Cookbooks',
  columns: [
{
  text: 'Role',
  width: 100,
  sortable: false,
  hideable: false,
  dataIndex: 'cookbook'
}
]
});

有什么建议吗？

由于