How to fill textfields with store

[v2108]

Hi guys,

I want to fill textfields with an json File, using a Model and a store.
How does this work in Sencha Architect. How should the json-file look like?

Please help

[CX2]

Are you creating a Touch or Ext project in Architect?

Here is a quick reference

MODEL

Ext.define('V.model.UserModel', {    
extend: 'Ext.data.Model',
    config: {
        fields: [
            {
                name: 'AssignedToID',
                type: 'int'
            },
            {
                name: 'UName',
                type: 'string'
            },
            {
                name: 'FirstName',
                type: 'string'
            },
            {
                name: 'LastName',
                type: 'string'
            },
            {
                name: 'UserEmail',
                type: 'string'
            }
        ],
        proxy: {
            type: 'ajax',
            url: 'https://yourserver/json.file',
            reader: {
                type: 'json'
            }
        }
    }
});

STORE

Ext.define('V.store.UserStore', {    
extend: 'Ext.data.Store',
    requires: [
        'V.model.UserModel'
    ],


    config: {
        autoLoad: false,
        model: 'V.model.UserModel',
        storeId: 'userstore'
    }
});

JSON DATA

[{"AssignedToID":1,"UName":"c","FirstName":"c","LastName":"h","UserEmail":"c@c.ca"},{"AssignedToID":2,"UName":"t","FirstName":"t","LastName":"b","UserEmail":"t@t.com"},{"AssignedToID":3,"UName":"b","FirstName":"b","LastName":"a","UserEmail":"b@b.com"},{"AssignedToID":4,"UName":"t","FirstName":"t","LastName":"h","UserEmail":"t@t.com"}]

Here is some code that fills in a forms fields based on the list item selected.

onUserListItemTap: function(dataview, index, target, record, e, options) {       
        var Viewport = Ext.getCmp('viewport');
        var UserForm = Ext.getCmp('userForm');
        var UserModel = Ext.getStore('userstore').getAt(index);
        UserForm.setRecord(UserModel);
        Viewport.animateTo('left');
        Viewport.setActiveItem(UserForm);
    }

Hope that helps a bit.

[v2108]

Thank you for your answer. I am developing an Sencha Architect Application. It works