1

我已经搜索过，我可以看到这个问题已经被问了好几次了，但我什至不知道如何对console.log数据做一个简单的处理。

我的店铺：

Ext.define('AventosPlanningTool.store.Aventos', {
  extend:'Ext.data.Store',

  config:
  {
    model:'AventosPlanningTool.model.Aventos',
    proxy:
    {
      type:'ajax',
      url:'resources/json/frames.json',
      reader:
      {
        type:'json',
        rootProperty:'options'
      }
    },
    autoLoad: true
  }
});

我可以在我的网络选项卡中看到 JSON 文件正在加载。在这一点上，我无法弄清楚如何处理它。在数据存储中，我将模型设置为AventosPlanningTool.model.Aventos下面的文件。

Ext.define('AventosPlanningTool.model.Aventos', {
  extend:'Ext.data.Model',
  xtype:'AventosModel',

  config:
  {
    fields: [
      'name',
      'image'
    ]
  }
});

我的 JSON 现在非常简单：

 {
  "name": "Cabinet Type",
  "options": [
    {
      "name": "Face Frame",
      "image": "resources/images/aventos/frames/faceframe.png"
    },
    {
      "name": "Panel",
      "image": "resources/images/aventos/frames/panel.png"
    }   
  ]
}

即使我可以console.log对数据进行分析，这也会很有帮助。我不知道如何使用这些数据。我已经检查了文档中的两个指南：http ://docs-origin.sencha.com/touch/2.2.1/#!/guide/models ，http ://docs-origin.sencha.com/touch/2.2 .1/#!/guide/stores我就是无法理解

4

4 回答 4

1

在 sencha 中，数据在模型中定义，并实际存储在存储中。您可以通过代理加载 JSON。将模型视为 sql 中的表，将存储视为表中的实际数据。现在，如果您想从存储中获取数据并对其执行操作，则必须加载存储。要将数据提取到列表中，请使用 xtype:'list' 定义一个列表，指定您的商店 store:'yourStoreName' 并提供用于显示该数据的模板。这是我试图说的非常详细的解释。

http://docs-origin.sencha.com/touch/2.2.1/#!/api/Ext.data.Store 还有这个： http: //miamicoder.com/2012/how-to-create-a-sencha -touch-2-app-part-2/

于 2013-08-07T13:34:38.490 回答
1

将负载侦听器添加到您的商店：

Ext.define('AventosPlanningTool.store.Aventos', {
    extend:'Ext.data.Store',

    config: {
        model:'AventosPlanningTool.model.Aventos',
        proxy: {
            type:'ajax',
            url:'resources/json/frames.json',
            reader: {
                type:'json',
                rootProperty:'options'
            }
        },
        autoLoad: true,

        listeners: {
            load: function(st, g, s, o, opts) {
                st.each(function(record) {
                    console.log(record.get('name') + ' - ' + record.get('image'));
                });
            }
    }
});
于 2013-08-07T16:30:02.787 回答
0

查看数据存储的 API 文档。请注意，您只能在加载商店后访问数据。例如：

store.load();
store.getAt(0) // null, the store load hasn't completed yet.

each您可以使用该方法遍历存储中的每条记录。您可以使用在特定索引处获取记录getAt

store.each(function(rec) {
    console.log(rec.get('name'), rec.get('image'));
});

console.log(store.getAt(0).get('name'));

通常你会将商店绑定到一个列表，在 API 文档中有很多这样的例子。

于 2013-08-06T23:51:33.513 回答
0

我认为您缺少的是在商店中收听“加载”事件。

store.on('load', function(thisStore, records) {
   console.log(records[0].get('name'));
})
于 2013-08-07T00:53:52.420 回答