在 Sencha Touch 中添加 json 数据到 selectfield答案

【问题标题】：Adding json data to selectfield in Sencha Touch在 Sencha Touch 中添加 json 数据到 selectfield
【发布时间】：2012-02-02 10:39:33
【问题描述】：

当我尝试加载 json 文件时，我在将值实际加载到 Sencha Touch 选择字段时遇到了一些问题。

我的代码的相关部分是：

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

Ext.regStore('TempStore', {
    model: 'd',
    autoLoad: true,
    proxy: {
        type: 'ajax',
        url: '/sampledata.json',
        reader: {
            type: 'json',
            root: 'd'
        }
    }
});

items: [{
            xtype: 'selectfield',
            label:'My Field',
            id: 'Test',
            name: 'Name',
            store: 'TempStore',
            displayField: 'Name',
            valueField: 'id',
            placeHolder: 'Select a Value'
        }

我在与 .js 文件相同的文件夹中有相同的pledata.json 文件，并且页面加载正常，但是当我按下选择字段时，它带有一个空列表。

有什么想法吗？

编辑：错别字

【问题讨论】：

标签： javascript sencha-touch extjs

【解决方案1】：

请删除商店名称周围的引号。

items: [{
            xtype: 'selectfield',
            label:'My Field',
            id: 'Test',
            name: 'Name',
            store: TempStore, //No quotes here.
            displayField: 'Name',
            valueField: 'id',
            placeHolder: 'Select a Value'
        }

另见：Sencha Touch SelectField API

【讨论】：

而不是 Ext.regstore 尝试 var TempStore= new Ext.data.Store({ model: 'd', autoLoad: true, proxy:.....});
嗯，还是不行。（对于实时示例，您可以查看selectout.net/oil/app，然后单击左侧的添加数据，然后单击顶部的预告片设置。这将带您进入具有该字段的页面）。谢谢你的帮助，我真的很感激

【解决方案2】：

好吧，我这样做：

{
    xtype: 'selectfield',
    label: 'Cuenta',
    name: 'cuenta',
    store: 'TipoPago',
    displayField: 'name',
    valueField: 'name',
}

而且效果很好。当然，我已经为TipoPago 定义了我的模型和存储，我有myapp.store.TipoPago 和myapp.model.TipoPago。

【讨论】：