Sencha Touch：将数据存储 json 数据获取到 selectfield

Question

我一直在尝试让我的选择字段显示我的模板数据，但遇到了困难。

我的 TemplateStore 如下所示：

Ext.regModel('tempItems', {
   fields: [
       { name: 'Name', type: 'string' }
   ]
});

Ext.regStore('TempStore', {
   model: 'tempItems',
   autoLoad: true,
   proxy: {
      type: 'ajax',
      url: 'http://localhost:56132/Service.asmx/GetTemplateModels',
      reader: {
         type: 'json',
         root: 'd'
      }
   }
});

Selectfield 代码：

xtype: 'selectfield',
name: 'template',
style: 'background-color: inherit; margin-left: 8px',
store: 'TempStore',
displayField: 'Name',
valueField: 'Name'

JSON 返回数据：

"{"d":[{"__type":"SenchaTouchProblem.TemplateModel","Name":"Test 1","id":1},{"__type":"SenchaTouchProblem.TemplateModel","Name":"Test 2","id":2},{"__type":"SenchaTouchProblem.TemplateModel","Name":"Test 3","id":3},{"__type":"SenchaTouchProblem.TemplateModel","Name":"Test 4","id":4},{"__type":"SenchaTouchProblem.TemplateModel","Name":"Test 5","id":5}]}"

任何帮助或指针都会很棒！

我正在上传一个示例项目，在此处显示我的问题： http://www.vbninja.com/SenchaTouchProblem.zip< /a>

谢谢 瑞安

Answer 1

更新：

检查代码后，发现有几处错误。首先你没有使用json，而是使用xml，所以你的阅读器不正确，然后你在autoload配置选项中有一个拼写错误，它应该是autoLoad（注意大写的L，顺便说一下，这很难检测到:)），无论如何尝试这：

App.stores.tempStore = new Ext.data.Store({
    model: 'tempItems',
    proxy: {
        type: 'ajax',
        url: '/Service.asmx/GetTemplateModels',
        reader: {
            type: 'xml',
            record: 'TemplateModel'
        },
        actionMethods: {
            create: 'POST',
            read: 'POST',
            update: 'PUT',
            destroy: 'DELETE'
        }
    },
    autoLoad: true
});