Question

当我尝试加载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文件，页面加载正常，但是当我按下选择字段时，它会出现一个空列表。

有什么想法吗？

编辑：拼写错误

Answer 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

Answer 2

好吧，我这样做：

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

它完美无缺。我当然已经为TipoPago定义了我的模型和商店，我有myapp.store.TipoPago和myapp.model.TipoPago。

在Sencha Touch中将json数据添加到selectfield

2 个答案: